ColorTool
Log in
#55E4C4

#55e4c4 ≈ Turquoise

  • teal
  • Lightness: medium
  • Saturation: strong
  • Cool
Check contrast Explore in graph Random color

#55e4c4 is a color from the teal family, with medium lightness and strong saturation. In the RGB model it is made of 33.33% red, 89.41% green and 76.86% blue; printed in CMYK it uses 62.72% cyan, 0% magenta, 14.04% yellow and 10.59% black. Its hue angle is 166.57°, with 72.59% saturation and 61.37% lightness in HSL. It is a cool color, often associated with clarity, calm and renewal. Designers typically use it for health and wellness, technology products and brand accents. Black text on this color reaches a contrast ratio of 13.28:1 (WCAG AAA). The closest named color is Turquoise (#40e0d0), ΔE 5.13.

Description generated from the measured properties of this color.

HEX
RGB
RGB percent
CMY
CMYK
HSL
HSV / HSB
Web safe#66cccc
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binary
Decimal
Relative luminance0.614

Complementary

  1. #55e4c4
  2. #e45575

Split complementary

  1. #55e4c4
  2. #e455bd
  3. #e47c55

Analogous

  1. #55e47c
  2. #55e4c4
  3. #55bde4

Triadic

  1. #55e4c4
  2. #c455e4
  3. #e4c455

Tetradic

  1. #55e4c4
  2. #5575e4
  3. #e45575
  4. #e4c455

Square

  1. #55e4c4
  2. #7c55e4
  3. #e45575
  4. #bde455

Monochromatic

  1. #168a70
  2. #20cca6
  3. #55e4c4
  4. #97eedb
  5. #d9f9f2

Shades

#55e4c4 mixed progressively with black.

  1. #55e4c4
  2. #4dcdb0
  3. #44b69d
  4. #3ca089
  5. #338976
  6. #2b7262
  7. #225b4e
  8. #1a443b
  9. #112e27
  10. #091714
  11. #000000

Tints

#55e4c4 mixed progressively with white.

  1. #55e4c4
  2. #66e7ca
  3. #77e9d0
  4. #88ecd6
  5. #99efdc
  6. #aaf2e2
  7. #bbf4e7
  8. #ccf7ed
  9. #ddfaf3
  10. #eefcf9
  11. #ffffff

Tones

#55e4c4 mixed progressively with gray.

  1. #55e4c4
  2. #59dabd
  3. #5ed0b6
  4. #62c6b0
  5. #66bca9
  6. #6bb2a2
  7. #6fa89b
  8. #739e94
  9. #77948e
  10. #7c8a87
  11. #808080

Readable text 1.58:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Readable text 13.28:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsia #cecece ≈ 0.003% of males
Achromatomaly #abd7ca ≈ 0.001% of males
Protanopia #dcd6c3 ≈ 1.01% of males
Deuteranopia #c8c7c6 ≈ 1.27% of males
Tritanopia #00e7da ≈ 0.0001% of males
Protanomaly #b6dcc3 ≈ 1.08% of males
Deuteranomaly #a6d3c5 ≈ 4.63% of males
Tritanomaly #19e6d2 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-55e4c4 {
  color: #55e4c4;
}
Background
.bg-55e4c4 {
  background-color: #55e4c4;
  color: #000000;
}
Border
.border-55e4c4 {
  border: 2px solid #55e4c4;
}
CSS variables
:root {
  --color-primary: #55e4c4;
  --color-primary-rgb: 85 228 196;
  --color-primary-hsl: 167 73% 61%;
}
Gradient
.gradient-55e4c4 {
  background: linear-gradient(135deg, #55e4c4, #55bde4);
}
Colored shadow
.shadow-55e4c4 {
  box-shadow: 0 8px 24px rgb(85 228 196 / 0.35);
}

#40e0d0 Turquoise ΔE 5.13 #66cdaa Medium Aquamarine ΔE 6.13 #7fffd4 Aquamarine ΔE 6.80 #08e8de Bright Turquoise ΔE 7.50 #9fe2bf Seafoam Green ΔE 8.39 #00ffef Turquoise Blue ΔE 8.40 #00cc99 Caribbean Green ΔE 8.42 #aa1b3b Inverted #cecece Grayscale 

Turquoise
#55e4c4  rgb(85, 228, 196)  hsl(167, 73%, 61%)  Turquoise
#e45575  rgb(228, 85, 117)  hsl(347, 73%, 61%)  Blush
#c455e4  rgb(196, 85, 228)  hsl(287, 73%, 61%)  Medium Orchid
#e4c455  rgb(228, 196, 85)  hsl(47, 73%, 61%)  Old Gold