ColorTool
Se connecter
#528F74

#528f74 ≈ Viridian

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

#528f74 est une couleur de la famille « bleu-vert », avec une luminosité moyenne et une saturation atténuée. Dans le modèle RGB, elle se compose de 32,16 % de rouge, 56,08 % de vert et 45,49 % de bleu ; imprimée en CMJN, elle utilise 42,66 % de cyan, 0 % de magenta, 18,88 % de jaune et 43,92 % de noir. Son angle de teinte est de 153,44°, avec 27,11 % de saturation et 44,12 % 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 5,54:1 (WCAG AA). La couleur nommée la plus proche est Viridian (#40826d), ΔE 5,45.

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.227

Complémentaire

  1. #528f74
  2. #8f526d

Complémentaire divisé

  1. #528f74
  2. #8f528c
  3. #8f5652

Analogue

  1. #528f56
  2. #528f74
  3. #528c8f

Triadique

  1. #528f74
  2. #74528f
  3. #8f7452

Tétradique

  1. #528f74
  2. #526d8f
  3. #8f526d
  4. #8f7452

Carré

  1. #528f74
  2. #56528f
  3. #8f526d
  4. #8c8f52

Monochrome

  1. #1a2e25
  2. #365e4d
  3. #528f74
  4. #7ab39a
  5. #abcfbf

Ombres

#528f74 mélangé progressivement avec du noir.

  1. #528f74
  2. #4a8168
  3. #42725d
  4. #396451
  5. #315646
  6. #29483a
  7. #21392e
  8. #192b23
  9. #101d17
  10. #080e0c
  11. #000000

Teintes

#528f74 mélangé progressivement avec du blanc.

  1. #528f74
  2. #639a82
  3. #75a590
  4. #86b19e
  5. #97bcac
  6. #a9c7ba
  7. #bad2c7
  8. #cbddd5
  9. #dce9e3
  10. #eef4f1
  11. #ffffff

Tons

#528f74 mélangé progressivement avec du gris.

  1. #528f74
  2. #578e75
  3. #5b8c76
  4. #608b78
  5. #648979
  6. #69887a
  7. #6e867b
  8. #72857c
  9. #77837e
  10. #7b827f
  11. #808080

Texte lisible 3.79:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texte lisible 5.54:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsie #838383 ≈ 0.003% des hommes
Achromatomalie #73887d ≈ 0.001% des hommes
Protanopie #8d8773 ≈ 1.01% des hommes
Deutéranopie #838076 ≈ 1.27% des hommes
Tritanopie #418f87 ≈ 0.0001% des hommes
Protanomalie #7a8a73 ≈ 1.08% des hommes
Deutéranomalie #738675 ≈ 4.63% des hommes
Tritanomalie #498f80 ≈ 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-528f74 {
  color: #528f74;
}
Arrière-plan
.bg-528f74 {
  background-color: #528f74;
  color: #000000;
}
Bordure
.border-528f74 {
  border: 2px solid #528f74;
}
Variables CSS
:root {
  --color-primary: #528f74;
  --color-primary-rgb: 82 143 116;
  --color-primary-hsl: 153 27% 44%;
}
Dégradé
.gradient-528f74 {
  background: linear-gradient(135deg, #528f74, #528c8f);
}
Ombre colorée
.shadow-528f74 {
  box-shadow: 0 8px 24px rgb(82 143 116 / 0.35);
}

#40826d Viridian ΔE 5.45 #2e8b57 Sea Green ΔE 7.93 #29ab87 Jungle Green ΔE 9.80 #00a693 Persian Green ΔE 10.22 #009e60 Shamrock Green ΔE 10.25 #738678 Xanadu ΔE 10.53 #00a86b Jade ΔE 11.41 #ad708b Inversée #838383 Niveaux de gris 

Viridian
#528f74  rgb(82, 143, 116)  hsl(153, 27%, 44%)  Viridian
#8f526d  rgb(143, 82, 109)  hsl(333, 27%, 44%)  Twilight Lavender
#74528f  rgb(116, 82, 143)  hsl(273, 27%, 44%)  Royal Purple
#8f7452  rgb(143, 116, 82)  hsl(33, 27%, 44%)  Raw Umber