ColorTool
Se connecter
#338E35

#338e35 ≈ Forest Green

  • vert
  • Luminosité: faible
  • Saturation: modérée
  • Équilibrée
Vérifier le contraste Explorer dans le graphe Couleur aléatoire

#338e35 est une couleur de la famille « vert », avec une luminosité faible et une saturation modérée. Dans le modèle RGB, elle se compose de 20 % de rouge, 55,69 % de vert et 20,78 % de bleu ; imprimée en CMJN, elle utilise 64,08 % de cyan, 0 % de magenta, 62,68 % de jaune et 44,31 % de noir. Son angle de teinte est de 121,32°, avec 47,15 % de saturation et 37,84 % 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 accents de marque. Un texte noir sur cette couleur atteint un rapport de contraste de 5,06:1 (WCAG AA). La couleur nommée la plus proche est Forest Green (#228b22), ΔE 2,62.

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

Complémentaire

  1. #338e35
  2. #8e338c

Complémentaire divisé

  1. #338e35
  2. #62338e
  3. #8e335e

Analogue

  1. #5e8e33
  2. #338e35
  3. #338e62

Triadique

  1. #338e35
  2. #35338e
  3. #8e3533

Tétradique

  1. #338e35
  2. #338c8e
  3. #8e338c
  4. #8e3533

Carré

  1. #338e35
  2. #335e8e
  3. #8e338c
  4. #8e6233

Monochrome

  1. #0b1d0b
  2. #1f5620
  3. #338e35
  4. #4ebf51
  5. #86d488

Ombres

#338e35 mélangé progressivement avec du noir.

  1. #338e35
  2. #2e8030
  3. #29722a
  4. #246325
  5. #1f5520
  6. #1a471b
  7. #143915
  8. #0f2b10
  9. #0a1c0b
  10. #050e05
  11. #000000

Teintes

#338e35 mélangé progressivement avec du blanc.

  1. #338e35
  2. #479949
  3. #5ca55d
  4. #70b072
  5. #85bb86
  6. #99c79a
  7. #add2ae
  8. #c2ddc2
  9. #d6e8d7
  10. #ebf4eb
  11. #ffffff

Tons

#338e35 mélangé progressivement avec du gris.

  1. #338e35
  2. #3b8d3d
  3. #428b44
  4. #4a8a4c
  5. #528853
  6. #5a875b
  7. #618662
  8. #69846a
  9. #718371
  10. #788179
  11. #808080

Texte lisible 4.15:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texte lisible 5.06:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsie #7c7c7c ≈ 0.003% des hommes
Achromatomalie #678467 ≈ 0.001% des hommes
Protanopie #91812b ≈ 1.01% des hommes
Deutéranopie #86793c ≈ 1.27% des hommes
Tritanopie #208a7b ≈ 0.0001% des hommes
Protanomalie #76862f ≈ 1.08% des hommes
Deutéranomalie #6e823a ≈ 4.63% des hommes
Tritanomalie #298c66 ≈ 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-338e35 {
  color: #338e35;
}
Arrière-plan
.bg-338e35 {
  background-color: #338e35;
  color: #000000;
}
Bordure
.border-338e35 {
  border: 2px solid #338e35;
}
Variables CSS
:root {
  --color-primary: #338e35;
  --color-primary-rgb: 51 142 53;
  --color-primary-hsl: 121 47% 38%;
}
Dégradé
.gradient-338e35 {
  background: linear-gradient(135deg, #338e35, #338e62);
}
Ombre colorée
.shadow-338e35 {
  box-shadow: 0 8px 24px rgb(51 142 53 / 0.35);
}

#228b22 Forest Green ΔE 2.62 #138808 India Green ΔE 4.83 #009000 Islamic Green ΔE 4.88 #008000 Green ΔE 6.91 #2e8b57 Sea Green ΔE 7.46 #507d2a Sap Green ΔE 7.55 #009e60 Shamrock Green ΔE 8.91 #cc71ca Inversée #7c7c7c Niveaux de gris 

Forest Green
#338e35  rgb(51, 142, 53)  hsl(121, 47%, 38%)  Forest Green
#8e338c  rgb(142, 51, 140)  hsl(301, 47%, 38%)  Deep Plum
#35338e  rgb(53, 51, 142)  hsl(241, 47%, 38%)  Dark Slate Blue
#8e3533  rgb(142, 53, 51)  hsl(1, 47%, 38%)  Burnt Umber