ColorTool
Se connecter
#D1FFF0

#d1fff0 ≈ Light Cyan

  • bleu-vert
  • Luminosité: très élevée
  • Saturation: atténuée
  • Équilibrée
Vérifier le contraste Explorer dans le graphe Couleur aléatoire

#d1fff0 est une couleur de la famille « bleu-vert », avec une luminosité très élevée et une saturation atténuée. Dans le modèle RGB, elle se compose de 81,96 % de rouge, 100 % de vert et 94,12 % de bleu ; imprimée en CMJN, elle utilise 18,04 % de cyan, 0 % de magenta, 5,88 % de jaune et 0 % de noir. Son angle de teinte est de 160,43°, avec 100 % de saturation et 90,98 % de luminosité en HSL. Elle se situe entre chaud et froid et est 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 palettes pastel douces. Un texte noir sur cette couleur atteint un rapport de contraste de 19,27:1 (WCAG AAA). La couleur nommée la plus proche est Light Cyan (#e0ffff), ΔE 7,41.

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#ccffff
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binaire
Décimal
Luminance relative0.9137

Complémentaire

  1. #d1fff0
  2. #ffd1e0

Complémentaire divisé

  1. #d1fff0
  2. #ffd1f7
  3. #ffd9d1

Analogue

  1. #d1ffd9
  2. #d1fff0
  3. #d1f7ff

Triadique

  1. #d1fff0
  2. #f0d1ff
  3. #fff0d1

Tétradique

  1. #d1fff0
  2. #d1e0ff
  3. #ffd1e0
  4. #fff0d1

Carré

  1. #d1fff0
  2. #d9d1ff
  3. #ffd1e0
  4. #f7ffd1

Monochrome

  1. #38ffbe
  2. #84ffd7
  3. #d1fff0
  4. #ebfff8
  5. #ebfff8

Ombres

#d1fff0 mélangé progressivement avec du noir.

  1. #d1fff0
  2. #bce6d8
  3. #a7ccc0
  4. #92b3a8
  5. #7d9990
  6. #698078
  7. #546660
  8. #3f4d48
  9. #2a3330
  10. #151a18
  11. #000000

Teintes

#d1fff0 mélangé progressivement avec du blanc.

  1. #d1fff0
  2. #d6fff2
  3. #dafff3
  4. #dffff5
  5. #e3fff6
  6. #e8fff8
  7. #edfff9
  8. #f1fffb
  9. #f6fffc
  10. #fafffe
  11. #ffffff

Tons

#d1fff0 mélangé progressivement avec du gris.

  1. #d1fff0
  2. #c9f2e5
  3. #c1e6da
  4. #b9d9ce
  5. #b1ccc3
  6. #a9c0b8
  7. #a0b3ad
  8. #98a6a2
  9. #909996
  10. #888d8b
  11. #808080

Texte lisible 1.09:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 19.27:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #f5f5f5 ≈ 0.003% des hommes
Achromatomalie #e8f9f3 ≈ 0.001% des hommes
Protanopie #fcf9ef ≈ 1.01% des hommes
Deutéranopie #f3f3f1 ≈ 1.27% des hommes
Tritanopie #c7fffa ≈ 0.0001% des hommes
Protanomalie #ecfbf0 ≈ 1.08% des hommes
Deutéranomalie #e6f8f1 ≈ 4.63% des hommes
Tritanomalie #cbfff6 ≈ 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-d1fff0 {
  color: #d1fff0;
}
Arrière-plan
.bg-d1fff0 {
  background-color: #d1fff0;
  color: #000000;
}
Bordure
.border-d1fff0 {
  border: 2px solid #d1fff0;
}
Variables CSS
:root {
  --color-primary: #d1fff0;
  --color-primary-rgb: 209 255 240;
  --color-primary-hsl: 160 100% 91%;
}
Dégradé
.gradient-d1fff0 {
  background: linear-gradient(135deg, #d1fff0, #d1f7ff);
}
Ombre colorée
.shadow-d1fff0 {
  box-shadow: 0 8px 24px rgb(209 255 240 / 0.35);
}

#e0ffff Light Cyan ΔE 7.41 #afeeee Pale Turquoise ΔE 7.58 #aaf0d1 Magic Mint ΔE 7.69 #b2ffff Celeste ΔE 7.71 #f0fff0 Honeydew ΔE 8.71 #9fe2bf Seafoam Green ΔE 10.28 #b0e0e6 Powder Blue ΔE 10.59 #2e000f Inversée #f5f5f5 Niveaux de gris 

Light Cyan
#d1fff0  rgb(209, 255, 240)  hsl(160, 100%, 91%)  Light Cyan
#ffd1e0  rgb(255, 209, 224)  hsl(340, 100%, 91%)  Bubble Gum
#f0d1ff  rgb(240, 209, 255)  hsl(280, 100%, 91%)  Thistle
#fff0d1  rgb(255, 240, 209)  hsl(40, 100%, 91%)  Papaya Whip