ColorTool
Se connecter
#96DCD0

#96dcd0 ≈ Pale Turquoise

  • bleu-vert
  • Luminosité: élevée
  • Saturation: modérée
  • Froide
Vérifier le contraste Explorer dans le graphe Couleur aléatoire

#96dcd0 est une couleur de la famille « bleu-vert », avec une luminosité élevée et une saturation modérée. Dans le modèle RGB, elle se compose de 58,82 % de rouge, 86,27 % de vert et 81,57 % de bleu ; imprimée en CMJN, elle utilise 31,82 % de cyan, 0 % de magenta, 5,45 % de jaune et 13,73 % de noir. Son angle de teinte est de 169,71°, avec 50 % de saturation et 72,55 % de luminosité en HSL. C’est une couleur froide, souvent associée à la clarté, le calme et le renouveau. Les designers l’utilisent souvent pour la santé et le bien-être, les produits technologiques et les accents de marque. Un texte noir sur cette couleur atteint un rapport de contraste de 13,44:1 (WCAG AAA). La couleur nommée la plus proche est Pale Turquoise (#afeeee), ΔE 6,72.

Description générée à partir des propriétés mesurées de cette couleur.

HEX
RGB
RGB en pourcentage
CMY
CMYK
HSL
HSV / HSB
Web sûr#99cccc
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binaire
Décimal
Luminance relative0.6222

Complémentaire

  1. #96dcd0
  2. #dc96a2

Complémentaire divisé

  1. #96dcd0
  2. #dc96c5
  3. #dcad96

Analogue

  1. #96dcad
  2. #96dcd0
  3. #96c5dc

Triadique

  1. #96dcd0
  2. #d096dc
  3. #dcd096

Tétradique

  1. #96dcd0
  2. #96a2dc
  3. #dc96a2
  4. #dcd096

Carré

  1. #96dcd0
  2. #ad96dc
  3. #dc96a2
  4. #c5dc96

Monochrome

  1. #36a390
  2. #5dc9b6
  3. #96dcd0
  4. #cfefea
  5. #f0faf8

Ombres

#96dcd0 mélangé progressivement avec du noir.

  1. #96dcd0
  2. #87c6bb
  3. #78b0a6
  4. #699a92
  5. #5a847d
  6. #4b6e68
  7. #3c5853
  8. #2d423e
  9. #1e2c2a
  10. #0f1615
  11. #000000

Teintes

#96dcd0 mélangé progressivement avec du blanc.

  1. #96dcd0
  2. #a1e0d5
  3. #abe3d9
  4. #b6e7de
  5. #c0eae3
  6. #cbeee8
  7. #d5f1ec
  8. #e0f5f1
  9. #eaf8f6
  10. #f5fcfa
  11. #ffffff

Tons

#96dcd0 mélangé progressivement avec du gris.

  1. #96dcd0
  2. #94d3c8
  3. #92cac0
  4. #8fc0b8
  5. #8db7b0
  6. #8baea8
  7. #89a5a0
  8. #879c98
  9. #849290
  10. #828988
  11. #808080

Texte lisible 1.56:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 13.44:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #cfcfcf ≈ 0.003% des hommes
Achromatomalie #bbd4cf ≈ 0.001% des hommes
Protanopie #d6d4d0 ≈ 1.01% des hommes
Deutéranopie #c9cbd1 ≈ 1.27% des hommes
Tritanopie #80dfd8 ≈ 0.0001% des hommes
Protanomalie #c0d7d0 ≈ 1.08% des hommes
Deutéranomalie #b7d2d1 ≈ 4.63% des hommes
Tritanomalie #89ded5 ≈ 0.0002% des hommes
Simuler sur votre propre image

Texte de cette couleur

Fond de cette couleur

Bordure de cette couleur

Couleur du texte
.text-96dcd0 {
  color: #96dcd0;
}
Arrière-plan
.bg-96dcd0 {
  background-color: #96dcd0;
  color: #000000;
}
Bordure
.border-96dcd0 {
  border: 2px solid #96dcd0;
}
Variables CSS
:root {
  --color-primary: #96dcd0;
  --color-primary-rgb: 150 220 208;
  --color-primary-hsl: 170 50% 73%;
}
Dégradé
.gradient-96dcd0 {
  background: linear-gradient(135deg, #96dcd0, #96c5dc);
}
Ombre colorée
.shadow-96dcd0 {
  box-shadow: 0 8px 24px rgb(150 220 208 / 0.35);
}

#afeeee Pale Turquoise ΔE 6.72 #aaf0d1 Magic Mint ΔE 7.59 #9fe2bf Seafoam Green ΔE 7.77 #40e0d0 Turquoise ΔE 8.00 #48d1cc Medium Turquoise ΔE 8.08 #b0e0e6 Powder Blue ΔE 9.01 #b2ffff Celeste ΔE 9.03 #69232f Inversée #cfcfcf Niveaux de gris 

Pale Turquoise
#96dcd0  rgb(150, 220, 208)  hsl(170, 50%, 73%)  Pale Turquoise
#dc96a2  rgb(220, 150, 162)  hsl(350, 50%, 73%)  Puce
#d096dc  rgb(208, 150, 220)  hsl(290, 50%, 73%)  Wisteria
#dcd096  rgb(220, 208, 150)  hsl(50, 50%, 73%)  Vanilla