ColorTool
Log in
#23AABC

#23aabc ≈ Cadet Blue

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

#23aabc is a color from the cyan family, with medium lightness and strong saturation. In the RGB model it is made of 13.73% red, 66.67% green and 73.73% blue; printed in CMYK it uses 81.38% cyan, 9.57% magenta, 0% yellow and 26.27% black. Its hue angle is 187.06°, with 68.61% saturation and 43.73% 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 brand accents. Black text on this color reaches a contrast ratio of 7.55:1 (WCAG AAA). The closest named color is Cadet Blue (#5f9ea0), ΔE 7.55.

Description generated from the measured properties of this color.

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

Complementary

  1. #23aabc
  2. #bc3523

Split complementary

  1. #23aabc
  2. #bc235e
  3. #bc8223

Analogous

  1. #23bc82
  2. #23aabc
  3. #235ebc

Triadic

  1. #23aabc
  2. #bc23aa
  3. #aabc23

Tetradic

  1. #23aabc
  2. #3523bc
  3. #bc3523
  4. #aabc23

Square

  1. #23aabc
  2. #8223bc
  3. #bc3523
  4. #5ebc23

Monochromatic

  1. #0b353b
  2. #17707c
  3. #23aabc
  4. #4ecdde
  5. #8edfea

Shades

#23aabc mixed progressively with black.

  1. #23aabc
  2. #2099a9
  3. #1c8896
  4. #197784
  5. #156671
  6. #12555e
  7. #0e444b
  8. #0b3338
  9. #072226
  10. #041113
  11. #000000

Tints

#23aabc mixed progressively with white.

  1. #23aabc
  2. #39b3c3
  3. #4fbbc9
  4. #65c4d0
  5. #7bccd7
  6. #91d5de
  7. #a7dde4
  8. #bde6eb
  9. #d3eef2
  10. #e9f7f8
  11. #ffffff

Tones

#23aabc mixed progressively with gray.

  1. #23aabc
  2. #2ca6b6
  3. #36a2b0
  4. #3f9daa
  5. #4899a4
  6. #52959e
  7. #5b9198
  8. #648d92
  9. #6d888c
  10. #778486
  11. #808080

Readable text 2.78:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Readable text 7.55:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsia #9b9b9b ≈ 0.003% of males
Achromatomaly #7ca1a9 ≈ 0.001% of males
Protanopia #9aa3bd ≈ 1.01% of males
Deuteranopia #8695bc ≈ 1.27% of males
Tritanopia #00b2af ≈ 0.0001% of males
Protanomaly #7ca6bd ≈ 1.08% of males
Deuteranomaly #6c9ebc ≈ 4.63% of males
Tritanomaly #00afb5 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-23aabc {
  color: #23aabc;
}
Background
.bg-23aabc {
  background-color: #23aabc;
  color: #000000;
}
Border
.border-23aabc {
  border: 2px solid #23aabc;
}
CSS variables
:root {
  --color-primary: #23aabc;
  --color-primary-rgb: 35 170 188;
  --color-primary-hsl: 187 69% 44%;
}
Gradient
.gradient-23aabc {
  background: linear-gradient(135deg, #23aabc, #235ebc);
}
Colored shadow
.shadow-23aabc {
  box-shadow: 0 8px 24px rgb(35 170 188 / 0.35);
}

#5f9ea0 Cadet Blue ΔE 7.55 #0095b6 Bondi Blue ΔE 8.43 #43b3ae Verdigris ΔE 8.78 #73a9c2 Moonstone Blue ΔE 9.63 #0abab5 Tiffany Blue ΔE 9.80 #20b2aa Light Sea Green ΔE 10.05 #00ced1 Dark Turquoise ΔE 11.26 #dc5543 Inverted #9b9b9b Grayscale 

Cadet Blue
#23aabc  rgb(35, 170, 188)  hsl(187, 69%, 44%)  Cadet Blue
#bc3523  rgb(188, 53, 35)  hsl(7, 69%, 44%)  Venetian Red
#bc23aa  rgb(188, 35, 170)  hsl(307, 69%, 44%)  Purpureus
#aabc23  rgb(170, 188, 35)  hsl(67, 69%, 44%)  Apple Green