ColorTool
Se connecter
#005D5A

#005d5a ≈ Dark Slate Gray

  • cyan
  • Luminosité: très faible
  • Saturation: modérée
  • Froide
Vérifier le contraste Explorer dans le graphe Couleur aléatoire

#005d5a est une couleur de la famille « cyan », avec une luminosité très faible et une saturation modérée. Dans le modèle RGB, elle se compose de 0 % de rouge, 36,47 % de vert et 35,29 % de bleu ; imprimée en CMJN, elle utilise 100 % de cyan, 0 % de magenta, 3,23 % de jaune et 63,53 % de noir. Son angle de teinte est de 178,06°, avec 100 % de saturation et 18,24 % de luminosité en HSL. C’est une couleur froide, souvent associée à la fraîcheur, la technologie et la clarté. 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 7,74:1 (WCAG AAA). La couleur nommée la plus proche est Dark Slate Gray (#2f4f4f), ΔE 8,54.

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

Complémentaire

  1. #005d5a
  2. #5d0003

Complémentaire divisé

  1. #005d5a
  2. #5d0032
  3. #5d2c00

Analogue

  1. #005d2c
  2. #005d5a
  3. #00325d

Triadique

  1. #005d5a
  2. #5a005d
  3. #5d5a00

Tétradique

  1. #005d5a
  2. #00035d
  3. #5d0003
  4. #5d5a00

Carré

  1. #005d5a
  2. #2c005d
  3. #5d0003
  4. #325d00

Monochrome

  1. #001414
  2. #001414
  3. #005d5a
  4. #00aaa4
  5. #00f6ee

Ombres

#005d5a mélangé progressivement avec du noir.

  1. #005d5a
  2. #005451
  3. #004a48
  4. #00413f
  5. #003836
  6. #002f2d
  7. #002524
  8. #001c1b
  9. #001312
  10. #000909
  11. #000000

Teintes

#005d5a mélangé progressivement avec du blanc.

  1. #005d5a
  2. #1a6d6b
  3. #337d7b
  4. #4d8e8c
  5. #669e9c
  6. #80aead
  7. #99bebd
  8. #b3cece
  9. #ccdfde
  10. #e6efef
  11. #ffffff

Tons

#005d5a mélangé progressivement avec du gris.

  1. #005d5a
  2. #0d615e
  3. #1a6462
  4. #266865
  5. #336b69
  6. #406f6d
  7. #4d7271
  8. #5a7675
  9. #667978
  10. #737d7c
  11. #808080

Texte lisible 7.74:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texte lisible 2.71:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Achromatopsie #535353 ≈ 0.003% des hommes
Achromatomalie #405756 ≈ 0.001% des hommes
Protanopie #57575a ≈ 1.01% des hommes
Deutéranopie #4b4f5b ≈ 1.27% des hommes
Tritanopie #00605c ≈ 0.0001% des hommes
Protanomalie #435a5a ≈ 1.08% des hommes
Deutéranomalie #3a555a ≈ 4.63% des hommes
Tritanomalie #005f5b ≈ 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-005d5a {
  color: #005d5a;
}
Arrière-plan
.bg-005d5a {
  background-color: #005d5a;
  color: #ffffff;
}
Bordure
.border-005d5a {
  border: 2px solid #005d5a;
}
Variables CSS
:root {
  --color-primary: #005d5a;
  --color-primary-rgb: 0 93 90;
  --color-primary-hsl: 178 100% 18%;
}
Dégradé
.gradient-005d5a {
  background: linear-gradient(135deg, #005d5a, #00325d);
}
Ombre colorée
.shadow-005d5a {
  box-shadow: 0 8px 24px rgb(0 93 90 / 0.35);
}

#2f4f4f Dark Slate Gray ΔE 8.54 #2f4f4f Dark Slate Grey ΔE 8.54 #004953 Midnight Green ΔE 9.54 #317873 Myrtle Green ΔE 9.74 #01796f Pine Green ΔE 9.83 #00755e Tropical Rain Forest ΔE 10.99 #008080 Teal ΔE 12.18 #ffa2a5 Inversée #535353 Niveaux de gris 

Dark Slate Gray
#005d5a  rgb(0, 93, 90)  hsl(178, 100%, 18%)  Dark Slate Gray
#5d0003  rgb(93, 0, 3)  hsl(358, 100%, 18%)  Rosewood
#5a005d  rgb(90, 0, 93)  hsl(298, 100%, 18%)  Purple
#5d5a00  rgb(93, 90, 0)  hsl(58, 100%, 18%)  Army Green