ColorTool
Se connecter
#CEEFBB

#ceefbb ≈ Tea Green

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

#ceefbb est une couleur de la famille « vert », avec une luminosité très élevée et une saturation atténuée. Dans le modèle RGB, elle se compose de 80,78 % de rouge, 93,73 % de vert et 73,33 % de bleu ; imprimée en CMJN, elle utilise 13,81 % de cyan, 0 % de magenta, 21,76 % de jaune et 6,27 % de noir. Son angle de teinte est de 98,08°, avec 61,9 % de saturation et 83,53 % de luminosité en HSL. Elle se situe entre chaud et froid et est souvent associée à la nature, la santé et l’équilibre. 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 16,69:1 (WCAG AAA). La couleur nommée la plus proche est Tea Green (#d0f0c0), ΔE 1,01.

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

Complémentaire

  1. #ceefbb
  2. #dcbbef

Complémentaire divisé

  1. #ceefbb
  2. #c2bbef
  3. #efbbe8

Analogue

  1. #e8efbb
  2. #ceefbb
  3. #bbefc2

Triadique

  1. #ceefbb
  2. #bbceef
  3. #efbbce

Tétradique

  1. #ceefbb
  2. #bbefdc
  3. #dcbbef
  4. #efbbce

Carré

  1. #ceefbb
  2. #bbe8ef
  3. #dcbbef
  4. #efc2bb

Monochrome

  1. #75d23f
  2. #a1e07d
  3. #ceefbb
  4. #f3fbee
  5. #f3fbee

Ombres

#ceefbb mélangé progressivement avec du noir.

  1. #ceefbb
  2. #b9d7a8
  3. #a5bf96
  4. #90a783
  5. #7c8f70
  6. #67785e
  7. #52604b
  8. #3e4838
  9. #293025
  10. #151813
  11. #000000

Teintes

#ceefbb mélangé progressivement avec du blanc.

  1. #ceefbb
  2. #d3f1c2
  3. #d8f2c9
  4. #ddf4cf
  5. #e2f5d6
  6. #e7f7dd
  7. #ebf9e4
  8. #f0faeb
  9. #f5fcf1
  10. #fafdf8
  11. #ffffff

Tons

#ceefbb mélangé progressivement avec du gris.

  1. #ceefbb
  2. #c6e4b5
  3. #bed9af
  4. #b7cea9
  5. #afc3a3
  6. #a7b89e
  7. #9fac98
  8. #97a192
  9. #90968c
  10. #888b86
  11. #808080

Texte lisible 1.26:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 16.69:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #e5e5e5 ≈ 0.003% des hommes
Achromatomalie #dce9d6 ≈ 0.001% des hommes
Protanopie #f4e7b8 ≈ 1.01% des hommes
Deutéranopie #eee4bd ≈ 1.27% des hommes
Tritanopie #ceebe1 ≈ 0.0001% des hommes
Protanomalie #e5eab9 ≈ 1.08% des hommes
Deutéranomalie #e2e9bc ≈ 4.63% des hommes
Tritanomalie #ceecd3 ≈ 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-ceefbb {
  color: #ceefbb;
}
Arrière-plan
.bg-ceefbb {
  background-color: #ceefbb;
  color: #000000;
}
Bordure
.border-ceefbb {
  border: 2px solid #ceefbb;
}
Variables CSS
:root {
  --color-primary: #ceefbb;
  --color-primary-rgb: 206 239 187;
  --color-primary-hsl: 98 62% 84%;
}
Dégradé
.gradient-ceefbb {
  background: linear-gradient(135deg, #ceefbb, #bbefc2);
}
Ombre colorée
.shadow-ceefbb {
  box-shadow: 0 8px 24px rgb(206 239 187 / 0.35);
}

#d0f0c0 Tea Green ΔE 1.01 #ace1af Celadon ΔE 5.73 #a8e4a0 Granny Smith Apple ΔE 6.55 #9fe2bf Seafoam Green ΔE 9.53 #aaf0d1 Magic Mint ΔE 9.93 #fafad2 Light Goldenrod Yellow ΔE 9.99 #fffdd0 Cream ΔE 10.46 #311044 Inversée #e5e5e5 Niveaux de gris 

Tea Green
#ceefbb  rgb(206, 239, 187)  hsl(98, 62%, 84%)  Tea Green
#dcbbef  rgb(220, 187, 239)  hsl(278, 62%, 84%)  Mauve
#bbceef  rgb(187, 206, 239)  hsl(218, 62%, 84%)  Light Steel Blue
#efbbce  rgb(239, 187, 206)  hsl(338, 62%, 84%)  Bubble Gum