ColorTool
Se connecter
#5F8767

#5f8767 ≈ Viridian

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

#5f8767 est une couleur de la famille « vert », avec une luminosité moyenne et une saturation atténuée. Dans le modèle RGB, elle se compose de 37,25 % de rouge, 52,94 % de vert et 40,39 % de bleu ; imprimée en CMJN, elle utilise 29,63 % de cyan, 0 % de magenta, 23,7 % de jaune et 47,06 % de noir. Son angle de teinte est de 132°, avec 17,39 % de saturation et 45,1 % 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,15:1 (WCAG AA). La couleur nommée la plus proche est Viridian (#40826d), ΔE 7,03.

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

Complémentaire

  1. #5f8767
  2. #875f7f

Complémentaire divisé

  1. #5f8767
  2. #7b5f87
  3. #875f6b

Analogue

  1. #6b875f
  2. #5f8767
  3. #5f877b

Triadique

  1. #5f8767
  2. #675f87
  3. #87675f

Tétradique

  1. #5f8767
  2. #5f7f87
  3. #875f7f
  4. #87675f

Carré

  1. #5f8767
  2. #5f6b87
  3. #875f7f
  4. #877b5f

Monochrome

  1. #202d22
  2. #3f5a45
  3. #5f8767
  4. #88ab8f
  5. #b4cbb9

Ombres

#5f8767 mélangé progressivement avec du noir.

  1. #5f8767
  2. #567a5d
  3. #4c6c52
  4. #435f48
  5. #39513e
  6. #304434
  7. #263629
  8. #1d291f
  9. #131b15
  10. #0a0e0a
  11. #000000

Teintes

#5f8767 mélangé progressivement avec du blanc.

  1. #5f8767
  2. #6f9376
  3. #7f9f85
  4. #8fab95
  5. #9fb7a4
  6. #afc3b3
  7. #bfcfc2
  8. #cfdbd1
  9. #dfe7e1
  10. #eff3f0
  11. #ffffff

Tons

#5f8767 mélangé progressivement avec du gris.

  1. #5f8767
  2. #62866a
  3. #66866c
  4. #69856f
  5. #6c8471
  6. #708474
  7. #738376
  8. #768279
  9. #79817b
  10. #7d817e
  11. #808080

Texte lisible 4.08:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texte lisible 5.15:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsie #7e7e7e ≈ 0.003% des hommes
Achromatomalie #738175 ≈ 0.001% des hommes
Protanopie #888065 ≈ 1.01% des hommes
Deutéranopie #817c69 ≈ 1.27% des hommes
Tritanopie #59867e ≈ 0.0001% des hommes
Protanomalie #798366 ≈ 1.08% des hommes
Deutéranomalie #758168 ≈ 4.63% des hommes
Tritanomalie #5c8676 ≈ 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-5f8767 {
  color: #5f8767;
}
Arrière-plan
.bg-5f8767 {
  background-color: #5f8767;
  color: #000000;
}
Bordure
.border-5f8767 {
  border: 2px solid #5f8767;
}
Variables CSS
:root {
  --color-primary: #5f8767;
  --color-primary-rgb: 95 135 103;
  --color-primary-hsl: 132 17% 45%;
}
Dégradé
.gradient-5f8767 {
  background: linear-gradient(135deg, #5f8767, #5f877b);
}
Ombre colorée
.shadow-5f8767 {
  box-shadow: 0 8px 24px rgb(95 135 103 / 0.35);
}

#40826d Viridian ΔE 7.03 #2e8b57 Sea Green ΔE 8.15 #738678 Xanadu ΔE 8.45 #4f7942 Fern Green ΔE 8.86 #009e60 Shamrock Green ΔE 12.11 #00755e Tropical Rain Forest ΔE 12.63 #507d2a Sap Green ΔE 12.75 #a07898 Inversée #7e7e7e Niveaux de gris 

Viridian
#5f8767  rgb(95, 135, 103)  hsl(132, 17%, 45%)  Viridian
#875f7f  rgb(135, 95, 127)  hsl(312, 17%, 45%)  Mauve Taupe
#675f87  rgb(103, 95, 135)  hsl(252, 17%, 45%)  Old Lavender
#87675f  rgb(135, 103, 95)  hsl(12, 17%, 45%)  Copper Rose