ColorTool
Se connecter
#DBFBB2

#dbfbb2 ≈ Tea Green

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

#dbfbb2 est une couleur de la famille « vert-jaune », avec une luminosité très élevée et une saturation modérée. Dans le modèle RGB, elle se compose de 85,88 % de rouge, 98,43 % de vert et 69,8 % de bleu ; imprimée en CMJN, elle utilise 12,75 % de cyan, 0 % de magenta, 29,08 % de jaune et 1,57 % de noir. Son angle de teinte est de 86,3°, avec 90,12 % de saturation et 84,12 % 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 18,45:1 (WCAG AAA). La couleur nommée la plus proche est Tea Green (#d0f0c0), ΔE 5,8.

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

Complémentaire

  1. #dbfbb2
  2. #d2b2fb

Complémentaire divisé

  1. #dbfbb2
  2. #b2b7fb
  3. #f6b2fb

Analogue

  1. #fbf6b2
  2. #dbfbb2
  3. #b7fbb2

Triadique

  1. #dbfbb2
  2. #b2dbfb
  3. #fbb2db

Tétradique

  1. #dbfbb2
  2. #b2fbd2
  3. #d2b2fb
  4. #fbb2db

Carré

  1. #dbfbb2
  2. #b2fbf6
  3. #d2b2fb
  4. #fbb2b7

Monochrome

  1. #97f321
  2. #b9f769
  3. #dbfbb2
  4. #f6feec
  5. #f6feec

Ombres

#dbfbb2 mélangé progressivement avec du noir.

  1. #dbfbb2
  2. #c5e2a0
  3. #afc98e
  4. #99b07d
  5. #83976b
  6. #6e7e59
  7. #586447
  8. #424b35
  9. #2c3224
  10. #161912
  11. #000000

Teintes

#dbfbb2 mélangé progressivement avec du blanc.

  1. #dbfbb2
  2. #dffbba
  3. #e2fcc1
  4. #e6fcc9
  5. #e9fdd1
  6. #edfdd9
  7. #f1fde0
  8. #f4fee8
  9. #f8fef0
  10. #fbfff7
  11. #ffffff

Tons

#dbfbb2 mélangé progressivement avec du gris.

  1. #dbfbb2
  2. #d2efad
  3. #c9e2a8
  4. #c0d6a3
  5. #b7ca9e
  6. #aebe99
  7. #a4b194
  8. #9ba58f
  9. #92998a
  10. #898c85
  11. #808080

Texte lisible 1.14:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 18.45:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #f0f0f0 ≈ 0.003% des hommes
Achromatomalie #e8f5da ≈ 0.001% des hommes
Protanopie #fff2ad ≈ 1.01% des hommes
Deutéranopie #fef0b5 ≈ 1.27% des hommes
Tritanopie #dff4e8 ≈ 0.0001% des hommes
Protanomalie #f4f5af ≈ 1.08% des hommes
Deutéranomalie #f1f4b4 ≈ 4.63% des hommes
Tritanomalie #ddf7d4 ≈ 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-dbfbb2 {
  color: #dbfbb2;
}
Arrière-plan
.bg-dbfbb2 {
  background-color: #dbfbb2;
  color: #000000;
}
Bordure
.border-dbfbb2 {
  border: 2px solid #dbfbb2;
}
Variables CSS
:root {
  --color-primary: #dbfbb2;
  --color-primary-rgb: 219 251 178;
  --color-primary-hsl: 86 90% 84%;
}
Dégradé
.gradient-dbfbb2 {
  background: linear-gradient(135deg, #dbfbb2, #b7fbb2);
}
Ombre colorée
.shadow-dbfbb2 {
  box-shadow: 0 8px 24px rgb(219 251 178 / 0.35);
}

#d0f0c0 Tea Green ΔE 5.80 #a8e4a0 Granny Smith Apple ΔE 8.26 #ace1af Celadon ΔE 9.58 #eee8aa Pale Goldenrod ΔE 9.70 #fdfd96 Pastel Yellow ΔE 9.89 #fffdd0 Cream ΔE 9.98 #98fb98 Pale Green ΔE 10.11 #24044d Inversée #f0f0f0 Niveaux de gris 

Tea Green
#dbfbb2  rgb(219, 251, 178)  hsl(86, 90%, 84%)  Tea Green
#d2b2fb  rgb(210, 178, 251)  hsl(266, 90%, 84%)  Mauve
#b2dbfb  rgb(178, 219, 251)  hsl(206, 90%, 84%)  Columbia Blue
#fbb2db  rgb(251, 178, 219)  hsl(326, 90%, 84%)  Carnation Pink