ColorTool
Log in
#18878C

#18878c ≈ Dark Cyan

  • cyan
  • Lightness: low
  • Saturation: moderate
  • Cool
Check contrast Explore in graph Random color

#18878c is a color from the cyan family, with low lightness and moderate saturation. In the RGB model it is made of 9.41% red, 52.94% green and 54.9% blue; printed in CMYK it uses 82.86% cyan, 3.57% magenta, 0% yellow and 45.1% black. Its hue angle is 182.59°, with 70.73% saturation and 32.16% lightness in HSL. It is a cool color, often associated with freshness, technology and clarity. Designers typically use it for health and wellness, technology products and corporate identities. Black text on this color reaches a contrast ratio of 4.88:1 (WCAG AA). The closest named color is Dark Cyan (#008b8b), ΔE 2.72.

Description generated from the measured properties of this color.

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

Complementary

  1. #18878c
  2. #8c1d18

Split complementary

  1. #18878c
  2. #8c184d
  3. #8c5718

Analogous

  1. #188c57
  2. #18878c
  3. #184d8c

Triadic

  1. #18878c
  2. #8c1887
  3. #878c18

Tetradic

  1. #18878c
  2. #1d188c
  3. #8c1d18
  4. #878c18

Square

  1. #18878c
  2. #57188c
  3. #8c1d18
  4. #4d8c18

Monochromatic

  1. #031111
  2. #0d484b
  3. #18878c
  4. #23c6cd
  5. #5adde3

Shades

#18878c mixed progressively with black.

  1. #18878c
  2. #167a7e
  3. #136c70
  4. #115f62
  5. #0e5154
  6. #0c4446
  7. #0a3638
  8. #07292a
  9. #051b1c
  10. #020e0e
  11. #000000

Tints

#18878c mixed progressively with white.

  1. #18878c
  2. #2f9398
  3. #469fa3
  4. #5dabaf
  5. #74b7ba
  6. #8cc3c6
  7. #a3cfd1
  8. #badbdd
  9. #d1e7e8
  10. #e8f3f4
  11. #ffffff

Tones

#18878c mixed progressively with gray.

  1. #18878c
  2. #22868b
  3. #2d868a
  4. #378588
  5. #428487
  6. #4c8486
  7. #568385
  8. #618284
  9. #6b8182
  10. #768181
  11. #808080

Readable text 4.3:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Readable text 4.88:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsia #7a7a7a ≈ 0.003% of males
Achromatomaly #617f82 ≈ 0.001% of males
Protanopia #7c808c ≈ 1.01% of males
Deuteranopia #6d758d ≈ 1.27% of males
Tritanopia #008c88 ≈ 0.0001% of males
Protanomaly #63838c ≈ 1.08% of males
Deuteranomaly #577d8c ≈ 4.63% of males
Tritanomaly #008a8a ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-18878c {
  color: #18878c;
}
Background
.bg-18878c {
  background-color: #18878c;
  color: #000000;
}
Border
.border-18878c {
  border: 2px solid #18878c;
}
CSS variables
:root {
  --color-primary: #18878c;
  --color-primary-rgb: 24 135 140;
  --color-primary-hsl: 183 71% 32%;
}
Gradient
.gradient-18878c {
  background: linear-gradient(135deg, #18878c, #184d8c);
}
Colored shadow
.shadow-18878c {
  box-shadow: 0 8px 24px rgb(24 135 140 / 0.35);
}

#008b8b Dark Cyan ΔE 2.72 #008080 Teal ΔE 3.65 #317873 Myrtle Green ΔE 7.01 #01796f Pine Green ΔE 8.57 #5f9ea0 Cadet Blue ΔE 10.12 #367588 Teal Blue ΔE 10.31 #0095b6 Bondi Blue ΔE 11.28 #e77873 Inverted #7a7a7a Grayscale 

Dark Cyan
#18878c  rgb(24, 135, 140)  hsl(183, 71%, 32%)  Dark Cyan
#8c1d18  rgb(140, 29, 24)  hsl(3, 71%, 32%)  Sangria
#8c1887  rgb(140, 24, 135)  hsl(303, 71%, 32%)  Dark Magenta
#878c18  rgb(135, 140, 24)  hsl(63, 71%, 32%)  Olive