ColorTool
Se connecter
#C1ECDC

#c1ecdc ≈ Magic Mint

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

#c1ecdc est une couleur de la famille « bleu-vert », avec une luminosité très élevée et une saturation atténuée. Dans le modèle RGB, elle se compose de 75,69 % de rouge, 92,55 % de vert et 86,27 % de bleu ; imprimée en CMJN, elle utilise 18,22 % de cyan, 0 % de magenta, 6,78 % de jaune et 7,45 % de noir. Son angle de teinte est de 157,67°, avec 53,09 % de saturation et 84,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 palettes pastel douces. Un texte noir sur cette couleur atteint un rapport de contraste de 16,3:1 (WCAG AAA). La couleur nommée la plus proche est Magic Mint (#aaf0d1), ΔE 6,43.

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

Complémentaire

  1. #c1ecdc
  2. #ecc1d1

Complémentaire divisé

  1. #c1ecdc
  2. #ecc1e7
  3. #ecc7c1

Analogue

  1. #c1ecc7
  2. #c1ecdc
  3. #c1e7ec

Triadique

  1. #c1ecdc
  2. #dcc1ec
  3. #ecdcc1

Tétradique

  1. #c1ecdc
  2. #c1d1ec
  3. #ecc1d1
  4. #ecdcc1

Carré

  1. #c1ecdc
  2. #c7c1ec
  3. #ecc1d1
  4. #e7ecc1

Monochrome

  1. #4cc89a
  2. #86dabb
  3. #c1ecdc
  4. #effaf6
  5. #effaf6

Ombres

#c1ecdc mélangé progressivement avec du noir.

  1. #c1ecdc
  2. #aed4c6
  3. #9abdb0
  4. #87a59a
  5. #748e84
  6. #61766e
  7. #4d5e58
  8. #3a4742
  9. #272f2c
  10. #131816
  11. #000000

Teintes

#c1ecdc mélangé progressivement avec du blanc.

  1. #c1ecdc
  2. #c7eee0
  3. #cdf0e3
  4. #d4f2e7
  5. #daf4ea
  6. #e0f6ee
  7. #e6f7f1
  8. #ecf9f5
  9. #f3fbf8
  10. #f9fdfc
  11. #ffffff

Tons

#c1ecdc mélangé progressivement avec du gris.

  1. #c1ecdc
  2. #bbe1d3
  3. #b4d6ca
  4. #aeccc0
  5. #a7c1b7
  6. #a1b6ae
  7. #9aaba5
  8. #94a09c
  9. #8d9692
  10. #878b89
  11. #808080

Texte lisible 1.29:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 16.3:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #e3e3e3 ≈ 0.003% des hommes
Achromatomalie #d6e6e0 ≈ 0.001% des hommes
Protanopie #e9e6db ≈ 1.01% des hommes
Deutéranopie #e1e0dd ≈ 1.27% des hommes
Tritanopie #b8ede7 ≈ 0.0001% des hommes
Protanomalie #dae8dc ≈ 1.08% des hommes
Deutéranomalie #d5e5dd ≈ 4.63% des hommes
Tritanomalie #bbece3 ≈ 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-c1ecdc {
  color: #c1ecdc;
}
Arrière-plan
.bg-c1ecdc {
  background-color: #c1ecdc;
  color: #000000;
}
Bordure
.border-c1ecdc {
  border: 2px solid #c1ecdc;
}
Variables CSS
:root {
  --color-primary: #c1ecdc;
  --color-primary-rgb: 193 236 220;
  --color-primary-hsl: 158 53% 84%;
}
Dégradé
.gradient-c1ecdc {
  background: linear-gradient(135deg, #c1ecdc, #c1e7ec);
}
Ombre colorée
.shadow-c1ecdc {
  box-shadow: 0 8px 24px rgb(193 236 220 / 0.35);
}

#aaf0d1 Magic Mint ΔE 6.43 #afeeee Pale Turquoise ΔE 7.16 #9fe2bf Seafoam Green ΔE 7.83 #e0ffff Light Cyan ΔE 8.84 #b2ffff Celeste ΔE 8.98 #b0e0e6 Powder Blue ΔE 9.24 #f0fff0 Honeydew ΔE 9.57 #3e1323 Inversée #e3e3e3 Niveaux de gris 

Magic Mint
#c1ecdc  rgb(193, 236, 220)  hsl(158, 53%, 84%)  Magic Mint
#ecc1d1  rgb(236, 193, 209)  hsl(338, 53%, 84%)  Bubble Gum
#dcc1ec  rgb(220, 193, 236)  hsl(278, 53%, 84%)  Thistle
#ecdcc1  rgb(236, 220, 193)  hsl(38, 53%, 84%)  Champagne