ColorTool
Se connecter
#0F5B58

#0f5b58 ≈ Dark Slate Gray

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

#0f5b58 est une couleur de la famille « cyan », avec une luminosité faible et une saturation modérée. Dans le modèle RGB, elle se compose de 5,88 % de rouge, 35,69 % de vert et 34,51 % de bleu ; imprimée en CMJN, elle utilise 83,52 % de cyan, 0 % de magenta, 3,3 % de jaune et 64,31 % de noir. Son angle de teinte est de 177,63°, avec 71,7 % de saturation et 20,78 % 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,9:1 (WCAG AAA). La couleur nommée la plus proche est Dark Slate Gray (#2f4f4f), ΔE 7,56.

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

Complémentaire

  1. #0f5b58
  2. #5b0f12

Complémentaire divisé

  1. #0f5b58
  2. #5b0f38
  3. #5b320f

Analogue

  1. #0f5b32
  2. #0f5b58
  3. #0f385b

Triadique

  1. #0f5b58
  2. #580f5b
  3. #5b580f

Tétradique

  1. #0f5b58
  2. #0f125b
  3. #5b0f12
  4. #5b580f

Carré

  1. #0f5b58
  2. #320f5b
  3. #5b0f12
  4. #385b0f

Monochrome

  1. #031211
  2. #041918
  3. #0f5b58
  4. #1a9d97
  5. #27dbd4

Ombres

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

  1. #0f5b58
  2. #0e524f
  3. #0c4946
  4. #0b403e
  5. #093735
  6. #082e2c
  7. #062423
  8. #051b1a
  9. #031212
  10. #020909
  11. #000000

Teintes

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

  1. #0f5b58
  2. #276b69
  3. #3f7c79
  4. #578c8a
  5. #6f9d9b
  6. #87adac
  7. #9fbdbc
  8. #b7cecd
  9. #cfdede
  10. #e7efee
  11. #ffffff

Tons

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

  1. #0f5b58
  2. #1a5f5c
  3. #266260
  4. #316664
  5. #3c6a68
  6. #486e6c
  7. #537170
  8. #5e7574
  9. #697978
  10. #757c7c
  11. #808080

Texte lisible 7.9:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texte lisible 2.66:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Achromatopsie #515151 ≈ 0.003% des hommes
Achromatomalie #405554 ≈ 0.001% des hommes
Protanopie #555658 ≈ 1.01% des hommes
Deutéranopie #4b4e59 ≈ 1.27% des hommes
Tritanopie #005e5a ≈ 0.0001% des hommes
Protanomalie #435858 ≈ 1.08% des hommes
Deutéranomalie #3b5458 ≈ 4.63% des hommes
Tritanomalie #005d59 ≈ 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-0f5b58 {
  color: #0f5b58;
}
Arrière-plan
.bg-0f5b58 {
  background-color: #0f5b58;
  color: #ffffff;
}
Bordure
.border-0f5b58 {
  border: 2px solid #0f5b58;
}
Variables CSS
:root {
  --color-primary: #0f5b58;
  --color-primary-rgb: 15 91 88;
  --color-primary-hsl: 178 72% 21%;
}
Dégradé
.gradient-0f5b58 {
  background: linear-gradient(135deg, #0f5b58, #0f385b);
}
Ombre colorée
.shadow-0f5b58 {
  box-shadow: 0 8px 24px rgb(15 91 88 / 0.35);
}

#2f4f4f Dark Slate Gray ΔE 7.56 #2f4f4f Dark Slate Grey ΔE 7.56 #004953 Midnight Green ΔE 8.90 #317873 Myrtle Green ΔE 10.19 #01796f Pine Green ΔE 10.52 #00755e Tropical Rain Forest ΔE 11.52 #4d5d53 Feldgrau ΔE 12.02 #f0a4a7 Inversée #515151 Niveaux de gris 

Dark Slate Gray
#0f5b58  rgb(15, 91, 88)  hsl(178, 72%, 21%)  Dark Slate Gray
#5b0f12  rgb(91, 15, 18)  hsl(358, 72%, 21%)  Rosewood
#580f5b  rgb(88, 15, 91)  hsl(298, 72%, 21%)  Byzantium
#5b580f  rgb(91, 88, 15)  hsl(58, 72%, 21%)  Army Green