#8AB6BD

A light, muted cyan closely aligning with Cadetblue.

About #8AB6BD

At its core, #8AB6BD is a light and muted hue. It is closely associated with the named CSS color Cadetblue. To achieve this exact tint on a monitor, you would use an RGB mix of 138, 182, and 189.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 27% cyan and 4% magenta inks. The HSL representation is 188.2° hue, 27.9% saturation, and 64.1% lightness.

From a UX and accessibility standpoint, contrast is paramount. Because it is a light color, it is generally recommended to use #000000 text. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#8AB6BD
RGB138, 182, 189
HSL188.2°, 27.9%, 64.1%
CMYK27%, 4%, 0%, 26%
HSV188.2°, 27.0%, 74.1%
LAB71.2, -12.9, -8.3
XYZ36.4, 42.5, 54.4
Decimal9090749

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

2.21:1
Text on #FFFFFF
FAIL
9.51:1
Text on #000000
AAA
2.11:1
Text on #F8FAFC
FAIL
8.08:1
Text on #0F172A
AAA

CSS Implementation

.bg-color { background-color: #8AB6BD; }
.text-color { color: #8AB6BD; }
.border-color { border: 2px solid #8AB6BD; }

Similar Colors

Cadetblue
#5F9EA0