ColorTool
Se connecter
#ECFCDC

#ecfcdc ≈ Honeydew

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

#ecfcdc est une couleur de la famille « vert-jaune », avec une luminosité très élevée et une saturation atténuée. Dans le modèle RGB, elle se compose de 92,55 % de rouge, 98,82 % de vert et 86,27 % de bleu ; imprimée en CMJN, elle utilise 6,35 % de cyan, 0 % de magenta, 12,7 % de jaune et 1,18 % de noir. Son angle de teinte est de 90°, avec 84,21 % de saturation et 92,55 % de luminosité en HSL. Elle se situe entre chaud et froid et est souvent associée à la fraîcheur, la croissance et la vitalité. Les designers l’utilisent souvent pour les marques écologiques, la santé et le bien-être et les palettes pastel douces. Un texte noir sur cette couleur atteint un rapport de contraste de 19,52:1 (WCAG AAA). La couleur nommée la plus proche est Honeydew (#f0fff0), ΔE 5,75.

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

Complémentaire

  1. #ecfcdc
  2. #ecdcfc

Complémentaire divisé

  1. #ecfcdc
  2. #dcdcfc
  3. #fcdcfc

Analogue

  1. #fcfcdc
  2. #ecfcdc
  3. #dcfcdc

Triadique

  1. #ecfcdc
  2. #dcecfc
  3. #fcdcec

Tétradique

  1. #ecfcdc
  2. #dcfcec
  3. #ecdcfc
  4. #fcdcec

Carré

  1. #ecfcdc
  2. #dcfcfc
  3. #ecdcfc
  4. #fcdcdc

Monochrome

  1. #a0f04f
  2. #c6f696
  3. #ecfcdc
  4. #f5fdec
  5. #f5fdec

Ombres

#ecfcdc mélangé progressivement avec du noir.

  1. #ecfcdc
  2. #d4e3c6
  3. #bdcab0
  4. #a5b09a
  5. #8e9784
  6. #767e6e
  7. #5e6558
  8. #474c42
  9. #2f322c
  10. #181916
  11. #000000

Teintes

#ecfcdc mélangé progressivement avec du blanc.

  1. #ecfcdc
  2. #eefce0
  3. #f0fde3
  4. #f2fde7
  5. #f4fdea
  6. #f6feee
  7. #f7fef1
  8. #f9fef5
  9. #fbfef8
  10. #fdfffc
  11. #ffffff

Tons

#ecfcdc mélangé progressivement avec du gris.

  1. #ecfcdc
  2. #e1f0d3
  3. #d6e3ca
  4. #ccd7c0
  5. #c1cab7
  6. #b6beae
  7. #abb2a5
  8. #a0a59c
  9. #969992
  10. #8b8c89
  11. #808080

Texte lisible 1.08:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 19.52:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #f7f7f7 ≈ 0.003% des hommes
Achromatomalie #f2f9ec ≈ 0.001% des hommes
Protanopie #fff7da ≈ 1.01% des hommes
Deutéranopie #fdf6dd ≈ 1.27% des hommes
Tritanopie #edf9f3 ≈ 0.0001% des hommes
Protanomalie #f8f9db ≈ 1.08% des hommes
Deutéranomalie #f6f9dd ≈ 4.63% des hommes
Tritanomalie #edfaea ≈ 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-ecfcdc {
  color: #ecfcdc;
}
Arrière-plan
.bg-ecfcdc {
  background-color: #ecfcdc;
  color: #000000;
}
Bordure
.border-ecfcdc {
  border: 2px solid #ecfcdc;
}
Variables CSS
:root {
  --color-primary: #ecfcdc;
  --color-primary-rgb: 236 252 220;
  --color-primary-hsl: 90 84% 93%;
}
Dégradé
.gradient-ecfcdc {
  background: linear-gradient(135deg, #ecfcdc, #dcfcdc);
}
Ombre colorée
.shadow-ecfcdc {
  box-shadow: 0 8px 24px rgb(236 252 220 / 0.35);
}

#f0fff0 Honeydew ΔE 5.75 #ffffe0 Light Yellow ΔE 5.80 #fafad2 Light Goldenrod Yellow ΔE 5.86 #f5f5dc Beige ΔE 6.31 #d0f0c0 Tea Green ΔE 6.60 #fffdd0 Cream ΔE 7.01 #fffacd Lemon Chiffon ΔE 7.90 #130323 Inversée #f7f7f7 Niveaux de gris 

Honeydew
#ecfcdc  rgb(236, 252, 220)  hsl(90, 84%, 93%)  Honeydew
#ecdcfc  rgb(236, 220, 252)  hsl(270, 84%, 93%)  Languid Lavender
#dcecfc  rgb(220, 236, 252)  hsl(210, 84%, 93%)  Alice Blue
#fcdcec  rgb(252, 220, 236)  hsl(330, 84%, 93%)  Pale Pink