ColorTool
Se connecter
#0CEED1

#0ceed1 ≈ Turquoise

  • bleu-vert
  • Luminosité: moyenne
  • Saturation: vive
  • Froide
Vérifier le contraste Explorer dans le graphe Couleur aléatoire

#0ceed1 est une couleur de la famille « bleu-vert », avec une luminosité moyenne et une saturation vive. Dans le modèle RGB, elle se compose de 4,71 % de rouge, 93,33 % de vert et 81,96 % de bleu ; imprimée en CMJN, elle utilise 94,96 % de cyan, 0 % de magenta, 12,18 % de jaune et 6,67 % de noir. Son angle de teinte est de 172,3°, avec 90,4 % de saturation et 49,02 % 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 boutons d’appel à l’action. Un texte noir sur cette couleur atteint un rapport de contraste de 14,17:1 (WCAG AAA). La couleur nommée la plus proche est Turquoise (#40e0d0), ΔE 4,8.

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

Complémentaire

  1. #0ceed1
  2. #ee0c29

Complémentaire divisé

  1. #0ceed1
  2. #ee0c9a
  3. #ee600c

Analogue

  1. #0cee60
  2. #0ceed1
  3. #0c9aee

Triadique

  1. #0ceed1
  2. #d10cee
  3. #eed10c

Tétradique

  1. #0ceed1
  2. #0c29ee
  3. #ee0c29
  4. #eed10c

Carré

  1. #0ceed1
  2. #600cee
  3. #ee0c29
  4. #9aee0c

Monochrome

  1. #055c51
  2. #08a591
  3. #0ceed1
  4. #50f6e1
  5. #99faed

Ombres

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

  1. #0ceed1
  2. #0bd6bc
  3. #0abea7
  4. #08a792
  5. #078f7d
  6. #067769
  7. #055f54
  8. #04473f
  9. #02302a
  10. #011815
  11. #000000

Teintes

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

  1. #0ceed1
  2. #24f0d6
  3. #3df1da
  4. #55f3df
  5. #6df5e3
  6. #86f7e8
  7. #9ef8ed
  8. #b6faf1
  9. #cefcf6
  10. #e7fdfa
  11. #ffffff

Tons

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

  1. #0ceed1
  2. #18e3c9
  3. #23d8c1
  4. #2fcdb9
  5. #3ac2b1
  6. #46b7a9
  7. #52aca0
  8. #5da198
  9. #699690
  10. #748b88
  11. #808080

Texte lisible 1.48:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 14.17:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #d4d4d4 ≈ 0.003% des hommes
Achromatomalie #a9dfd3 ≈ 0.001% des hommes
Protanopie #e3dfd0 ≈ 1.01% des hommes
Deutéranopie #caccd3 ≈ 1.27% des hommes
Tritanopie #00f2e5 ≈ 0.0001% des hommes
Protanomalie #b5e5d0 ≈ 1.08% des hommes
Deutéranomalie #a1dbd2 ≈ 4.63% des hommes
Tritanomalie #00f1dd ≈ 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-0ceed1 {
  color: #0ceed1;
}
Arrière-plan
.bg-0ceed1 {
  background-color: #0ceed1;
  color: #000000;
}
Bordure
.border-0ceed1 {
  border: 2px solid #0ceed1;
}
Variables CSS
:root {
  --color-primary: #0ceed1;
  --color-primary-rgb: 12 238 209;
  --color-primary-hsl: 172 90% 49%;
}
Dégradé
.gradient-0ceed1 {
  background: linear-gradient(135deg, #0ceed1, #0c9aee);
}
Ombre colorée
.shadow-0ceed1 {
  box-shadow: 0 8px 24px rgb(12 238 209 / 0.35);
}

#40e0d0 Turquoise ΔE 4.80 #00ffef Turquoise Blue ΔE 5.52 #08e8de Bright Turquoise ΔE 5.77 #7fffd4 Aquamarine ΔE 7.41 #66cdaa Medium Aquamarine ΔE 9.45 #48d1cc Medium Turquoise ΔE 9.77 #00ffff Aqua ΔE 9.80 #f3112e Inversée #d4d4d4 Niveaux de gris 

Turquoise
#0ceed1  rgb(12, 238, 209)  hsl(172, 90%, 49%)  Turquoise
#ee0c29  rgb(238, 12, 41)  hsl(352, 90%, 49%)  Cadmium Red
#d10cee  rgb(209, 12, 238)  hsl(292, 90%, 49%)  Electric Purple
#eed10c  rgb(238, 209, 12)  hsl(52, 90%, 49%)  Citrine