ColorTool
Se connecter
#478271

#478271 ≈ Viridian

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

#478271 est une couleur de la famille « bleu-vert », avec une luminosité faible et une saturation atténuée. Dans le modèle RGB, elle se compose de 27,84 % de rouge, 50,98 % de vert et 44,31 % de bleu ; imprimée en CMJN, elle utilise 45,38 % de cyan, 0 % de magenta, 13,08 % de jaune et 49,02 % de noir. Son angle de teinte est de 162,71°, avec 29,35 % de saturation et 39,41 % de luminosité en HSL. Elle se situe entre chaud et froid et est souvent associée à la clarté, le calme et le renouveau. Les designers l’utilisent souvent pour la santé et le bien-être, les produits technologiques et les accents de marque. Un texte noir sur cette couleur atteint un rapport de contraste de 4,7:1 (WCAG AA). La couleur nommée la plus proche est Viridian (#40826d), ΔE 1,78.

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

Complémentaire

  1. #478271
  2. #824758

Complémentaire divisé

  1. #478271
  2. #824775
  3. #825347

Analogue

  1. #478253
  2. #478271
  3. #477582

Triadique

  1. #478271
  2. #714782
  3. #827147

Tétradique

  1. #478271
  2. #475882
  3. #824758
  4. #827147

Carré

  1. #478271
  2. #534782
  3. #824758
  4. #758247

Monochrome

  1. #111f1b
  2. #2c5146
  3. #478271
  4. #69ad99
  5. #9ac8bb

Ombres

#478271 mélangé progressivement avec du noir.

  1. #478271
  2. #407566
  3. #39685a
  4. #325b4f
  5. #2b4e44
  6. #244139
  7. #1c342d
  8. #152722
  9. #0e1a17
  10. #070d0b
  11. #000000

Teintes

#478271 mélangé progressivement avec du blanc.

  1. #478271
  2. #598f7f
  3. #6c9b8d
  4. #7ea89c
  5. #91b4aa
  6. #a3c1b8
  7. #b5cdc6
  8. #c8dad4
  9. #dae6e3
  10. #edf3f1
  11. #ffffff

Tons

#478271 mélangé progressivement avec du gris.

  1. #478271
  2. #4d8273
  3. #528274
  4. #588176
  5. #5e8177
  6. #648179
  7. #69817a
  8. #6f817c
  9. #75807d
  10. #7a807f
  11. #808080

Texte lisible 4.47:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texte lisible 4.7:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsie #777777 ≈ 0.003% des hommes
Achromatomalie #677c75 ≈ 0.001% des hommes
Protanopie #7f7b70 ≈ 1.01% des hommes
Deutéranopie #757472 ≈ 1.27% des hommes
Tritanopie #32837d ≈ 0.0001% des hommes
Protanomalie #6d7e71 ≈ 1.08% des hommes
Deutéranomalie #667a72 ≈ 4.63% des hommes
Tritanomalie #3c8378 ≈ 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-478271 {
  color: #478271;
}
Arrière-plan
.bg-478271 {
  background-color: #478271;
  color: #000000;
}
Bordure
.border-478271 {
  border: 2px solid #478271;
}
Variables CSS
:root {
  --color-primary: #478271;
  --color-primary-rgb: 71 130 113;
  --color-primary-hsl: 163 29% 39%;
}
Dégradé
.gradient-478271 {
  background: linear-gradient(135deg, #478271, #477582);
}
Ombre colorée
.shadow-478271 {
  box-shadow: 0 8px 24px rgb(71 130 113 / 0.35);
}

#40826d Viridian ΔE 1.78 #317873 Myrtle Green ΔE 6.46 #01796f Pine Green ΔE 7.05 #00755e Tropical Rain Forest ΔE 7.93 #008080 Teal ΔE 8.59 #008b8b Dark Cyan ΔE 9.11 #738678 Xanadu ΔE 10.49 #b87d8e Inversée #777777 Niveaux de gris 

Viridian
#478271  rgb(71, 130, 113)  hsl(163, 29%, 39%)  Viridian
#824758  rgb(130, 71, 88)  hsl(343, 29%, 39%)  Twilight Lavender
#714782  rgb(113, 71, 130)  hsl(283, 29%, 39%)  Eminence
#827147  rgb(130, 113, 71)  hsl(43, 29%, 39%)  Raw Umber