ColorTool
Se connecter
#8EC2ED

#8ec2ed ≈ Maya Blue

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

#8ec2ed est une couleur de la famille « azur », avec une luminosité élevée et une saturation modérée. Dans le modèle RGB, elle se compose de 55,69 % de rouge, 76,08 % de vert et 92,94 % de bleu ; imprimée en CMJN, elle utilise 40,08 % de cyan, 18,14 % de magenta, 0 % de jaune et 7,06 % de noir. Son angle de teinte est de 207,16°, avec 72,52 % de saturation et 74,31 % de luminosité en HSL. C’est une couleur froide, souvent associée à l’ouverture, la liberté et le calme. Les designers l’utilisent souvent pour les produits technologiques, la finance et la banque et les accents de marque. Un texte noir sur cette couleur atteint un rapport de contraste de 11,09:1 (WCAG AAA). La couleur nommée la plus proche est Maya Blue (#73c2fb), ΔE 3,87.

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

Complémentaire

  1. #8ec2ed
  2. #edb98e

Complémentaire divisé

  1. #8ec2ed
  2. #ed8e92
  3. #ede98e

Analogue

  1. #8eede9
  2. #8ec2ed
  3. #8e92ed

Triadique

  1. #8ec2ed
  2. #ed8ec2
  3. #c2ed8e

Tétradique

  1. #8ec2ed
  2. #b98eed
  3. #edb98e
  4. #c2ed8e

Carré

  1. #8ec2ed
  2. #e98eed
  3. #edb98e
  4. #92ed8e

Monochrome

  1. #1f79c3
  2. #4c9ee2
  3. #8ec2ed
  4. #d0e6f8
  5. #edf6fc

Ombres

#8ec2ed mélangé progressivement avec du noir.

  1. #8ec2ed
  2. #80afd5
  3. #729bbe
  4. #6388a6
  5. #55748e
  6. #476177
  7. #394e5f
  8. #2b3a47
  9. #1c272f
  10. #0e1318
  11. #000000

Teintes

#8ec2ed mélangé progressivement avec du blanc.

  1. #8ec2ed
  2. #99c8ef
  3. #a5cef1
  4. #b0d4f2
  5. #bbdaf4
  6. #c7e1f6
  7. #d2e7f8
  8. #ddedfa
  9. #e8f3fb
  10. #f4f9fd
  11. #ffffff

Tons

#8ec2ed mélangé progressivement avec du gris.

  1. #8ec2ed
  2. #8dbbe2
  3. #8bb5d7
  4. #8aaecc
  5. #88a8c1
  6. #87a1b7
  7. #869aac
  8. #8494a1
  9. #838d96
  10. #81878b
  11. #808080

Texte lisible 1.89:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 11.09:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #bcbcbc ≈ 0.003% des hommes
Achromatomalie #acbfd2 ≈ 0.001% des hommes
Protanopie #b0c2ef ≈ 1.01% des hommes
Deutéranopie #a4b8ec ≈ 1.27% des hommes
Tritanopie #6bccd0 ≈ 0.0001% des hommes
Protanomalie #a4c2ee ≈ 1.08% des hommes
Deutéranomalie #9cbced ≈ 4.63% des hommes
Tritanomalie #7ac8dc ≈ 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-8ec2ed {
  color: #8ec2ed;
}
Arrière-plan
.bg-8ec2ed {
  background-color: #8ec2ed;
  color: #000000;
}
Bordure
.border-8ec2ed {
  border: 2px solid #8ec2ed;
}
Variables CSS
:root {
  --color-primary: #8ec2ed;
  --color-primary-rgb: 142 194 237;
  --color-primary-hsl: 207 73% 74%;
}
Dégradé
.gradient-8ec2ed {
  background: linear-gradient(135deg, #8ec2ed, #8e92ed);
}
Ombre colorée
.shadow-8ec2ed {
  box-shadow: 0 8px 24px rgb(142 194 237 / 0.35);
}

#73c2fb Maya Blue ΔE 3.87 #87cefa Light Sky Blue ΔE 4.15 #89cff0 Baby Blue ΔE 6.01 #87ceeb Sky Blue ΔE 7.05 #b0c4de Light Steel Blue ΔE 7.83 #71a6d2 Iceberg ΔE 7.84 #bcd4e6 Pale Aqua ΔE 9.34 #713d12 Inversée #bcbcbc Niveaux de gris 

Maya Blue
#8ec2ed  rgb(142, 194, 237)  hsl(207, 73%, 74%)  Maya Blue
#edb98e  rgb(237, 185, 142)  hsl(27, 73%, 74%)  Tumbleweed
#ed8ec2  rgb(237, 142, 194)  hsl(327, 73%, 74%)  Persian Pink
#c2ed8e  rgb(194, 237, 142)  hsl(87, 73%, 74%)  Inchworm