ColorTool
Se connecter
#CAFBFE

#cafbfe ≈ Light Cyan

  • cyan
  • Luminosité: très élevée
  • Saturation: atténuée
  • Froide
Vérifier le contraste Explorer dans le graphe Couleur aléatoire

#cafbfe est une couleur de la famille « cyan », avec une luminosité très élevée et une saturation atténuée. Dans le modèle RGB, elle se compose de 79,22 % de rouge, 98,43 % de vert et 99,61 % de bleu ; imprimée en CMJN, elle utilise 20,47 % de cyan, 1,18 % de magenta, 0 % de jaune et 0,39 % de noir. Son angle de teinte est de 183,46°, avec 96,3 % de saturation et 89,41 % de luminosité en HSL. C’est une couleur froide, souvent associée à la fraîcheur, la technologie et la clarté. 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 18,74:1 (WCAG AAA). La couleur nommée la plus proche est Light Cyan (#e0ffff), ΔE 4,51.

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.8871

Complémentaire

  1. #cafbfe
  2. #fecdca

Complémentaire divisé

  1. #cafbfe
  2. #fecae1
  3. #fee7ca

Analogue

  1. #cafee7
  2. #cafbfe
  3. #cae1fe

Triadique

  1. #cafbfe
  2. #fecafb
  3. #fbfeca

Tétradique

  1. #cafbfe
  2. #cdcafe
  3. #fecdca
  4. #fbfeca

Carré

  1. #cafbfe
  2. #e7cafe
  3. #fecdca
  4. #e1feca

Monochrome

  1. #34f0fb
  2. #7ff5fd
  3. #cafbfe
  4. #ebfdff
  5. #ebfdff

Ombres

#cafbfe mélangé progressivement avec du noir.

  1. #cafbfe
  2. #b6e2e5
  3. #a2c9cb
  4. #8db0b2
  5. #799798
  6. #657e7f
  7. #516466
  8. #3d4b4c
  9. #283233
  10. #141919
  11. #000000

Teintes

#cafbfe mélangé progressivement avec du blanc.

  1. #cafbfe
  2. #cffbfe
  3. #d5fcfe
  4. #dafcfe
  5. #dffdfe
  6. #e5fdff
  7. #eafdff
  8. #effeff
  9. #f4feff
  10. #faffff
  11. #ffffff

Tons

#cafbfe mélangé progressivement avec du gris.

  1. #cafbfe
  2. #c3eff1
  3. #bbe2e5
  4. #b4d6d8
  5. #accacc
  6. #a5bebf
  7. #9eb1b2
  8. #96a5a6
  9. #8f9999
  10. #878c8d
  11. #808080

Texte lisible 1.12:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 18.74:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #f2f2f2 ≈ 0.003% des hommes
Achromatomalie #e3f6f7 ≈ 0.001% des hommes
Protanopie #f4f6fe ≈ 1.01% des hommes
Deutéranopie #eaeffe ≈ 1.27% des hommes
Tritanopie #bafffc ≈ 0.0001% des hommes
Protanomalie #e4f8fe ≈ 1.08% des hommes
Deutéranomalie #def4fe ≈ 4.63% des hommes
Tritanomalie #c1fdfd ≈ 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-cafbfe {
  color: #cafbfe;
}
Arrière-plan
.bg-cafbfe {
  background-color: #cafbfe;
  color: #000000;
}
Bordure
.border-cafbfe {
  border: 2px solid #cafbfe;
}
Variables CSS
:root {
  --color-primary: #cafbfe;
  --color-primary-rgb: 202 251 254;
  --color-primary-hsl: 183 96% 89%;
}
Dégradé
.gradient-cafbfe {
  background: linear-gradient(135deg, #cafbfe, #cae1fe);
}
Ombre colorée
.shadow-cafbfe {
  box-shadow: 0 8px 24px rgb(202 251 254 / 0.35);
}

#e0ffff Light Cyan ΔE 4.51 #afeeee Pale Turquoise ΔE 4.64 #b2ffff Celeste ΔE 5.25 #b0e0e6 Powder Blue ΔE 5.94 #a4dded Non-Photo Blue ΔE 8.28 #add8e6 Light Blue ΔE 9.02 #f0ffff Azure ΔE 9.44 #350401 Inversée #f2f2f2 Niveaux de gris 

Light Cyan
#cafbfe  rgb(202, 251, 254)  hsl(183, 96%, 89%)  Light Cyan
#fecdca  rgb(254, 205, 202)  hsl(3, 96%, 89%)  Baby Pink
#fecafb  rgb(254, 202, 251)  hsl(303, 96%, 89%)  Thistle
#fbfeca  rgb(251, 254, 202)  hsl(63, 96%, 89%)  Cream