ColorTool
Se connecter
#0A8366

#0a8366 ≈ Viridian

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

#0a8366 est une couleur de la famille « bleu-vert », avec une luminosité faible et une saturation modérée. Dans le modèle RGB, elle se compose de 3,92 % de rouge, 51,37 % de vert et 40 % de bleu ; imprimée en CMJN, elle utilise 92,37 % de cyan, 0 % de magenta, 22,14 % de jaune et 48,63 % de noir. Son angle de teinte est de 165,62°, avec 85,82 % de saturation et 27,65 % de luminosité en HSL. C’est une couleur froide, 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 marques de luxe. Un texte blanc sur cette couleur atteint un rapport de contraste de 4,72:1 (WCAG AA). La couleur nommée la plus proche est Viridian (#40826d), ΔE 4,73.

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

Complémentaire

  1. #0a8366
  2. #830a27

Complémentaire divisé

  1. #0a8366
  2. #830a64
  3. #832a0a

Analogue

  1. #0a832a
  2. #0a8366
  3. #0a6483

Triadique

  1. #0a8366
  2. #660a83
  3. #83660a

Tétradique

  1. #0a8366
  2. #0a2783
  3. #830a27
  4. #83660a

Carré

  1. #0a8366
  2. #2a0a83
  3. #830a27
  4. #64830a

Monochrome

  1. #01130f
  2. #053c2f
  3. #0a8366
  4. #0fca9d
  5. #36f0c3

Ombres

#0a8366 mélangé progressivement avec du noir.

  1. #0a8366
  2. #09765c
  3. #086952
  4. #075c47
  5. #064f3d
  6. #054233
  7. #043429
  8. #03271f
  9. #021a14
  10. #010d0a
  11. #000000

Teintes

#0a8366 mélangé progressivement avec du blanc.

  1. #0a8366
  2. #238f75
  3. #3b9c85
  4. #54a894
  5. #6cb5a3
  6. #85c1b3
  7. #9dcdc2
  8. #b6dad1
  9. #cee6e0
  10. #e7f3f0
  11. #ffffff

Tons

#0a8366 mélangé progressivement avec du gris.

  1. #0a8366
  2. #168369
  3. #22826b
  4. #2d826e
  5. #398270
  6. #458273
  7. #518176
  8. #5d8178
  9. #68817b
  10. #74807d
  11. #808080

Texte lisible 4.72:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texte lisible 4.45:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Achromatopsie #737373 ≈ 0.003% des hommes
Achromatomalie #5b7a6e ≈ 0.001% des hommes
Protanopie #7f7965 ≈ 1.01% des hommes
Deutéranopie #716f68 ≈ 1.27% des hommes
Tritanopie #00847b ≈ 0.0001% des hommes
Protanomalie #647d65 ≈ 1.08% des hommes
Deutéranomalie #597867 ≈ 4.63% des hommes
Tritanomalie #008473 ≈ 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-0a8366 {
  color: #0a8366;
}
Arrière-plan
.bg-0a8366 {
  background-color: #0a8366;
  color: #ffffff;
}
Bordure
.border-0a8366 {
  border: 2px solid #0a8366;
}
Variables CSS
:root {
  --color-primary: #0a8366;
  --color-primary-rgb: 10 131 102;
  --color-primary-hsl: 166 86% 28%;
}
Dégradé
.gradient-0a8366 {
  background: linear-gradient(135deg, #0a8366, #0a6483);
}
Ombre colorée
.shadow-0a8366 {
  box-shadow: 0 8px 24px rgb(10 131 102 / 0.35);
}

#40826d Viridian ΔE 4.73 #00755e Tropical Rain Forest ΔE 5.17 #2e8b57 Sea Green ΔE 7.36 #01796f Pine Green ΔE 7.48 #317873 Myrtle Green ΔE 9.83 #006b3c Cadmium Green ΔE 10.73 #008080 Teal ΔE 11.15 #f57c99 Inversée #737373 Niveaux de gris 

Viridian
#0a8366  rgb(10, 131, 102)  hsl(166, 86%, 28%)  Viridian
#830a27  rgb(131, 10, 39)  hsl(346, 86%, 28%)  Burgundy
#660a83  rgb(102, 10, 131)  hsl(286, 86%, 28%)  Indigo
#83660a  rgb(131, 102, 10)  hsl(46, 86%, 28%)  Golden Brown