HEX Color #1DA8BD (Cadetblue)

About #1DA8BD

The precise color #1DA8BD is an excellent choice for modern design projects. Designers often compare it to the standard color Cadetblue. Its digital footprint relies on 29 parts red, 168 parts green, and 189 parts blue light.

If you are designing for print, the four-color process is what matters most. The color uses 85% Cyan, 11% Magenta, 0% Yellow, and 26% Black. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#1DA8BD

RGB29, 168, 189

HSL187.9°, 73.4%, 42.7%

CMYK85%, 11%, 0%, 26%

HSV187.9°, 84.7%, 74.1%

LAB63.3, -27.1, -20.7

XYZ23.7, 31.9, 53.1

Decimal1943741

Color Harmonies

Complementary

#1DA8BD #BD321D

Analogous

#1DBD82 #1D57BD

Triadic

#BD1DA7 #A7BD1D

Tetradic

#821DBD #BD321D #57BD1D

Tints, Shades & Tones

Tints (Adding White)

#1DA8BD

#36B1C4

#4FBBCB

#68C5D3

#81CEDA

#9AD8E1

#B3E2E9

#CCEBF0

#E5F5F7

#FFFFFF

Shades (Adding Black)

#1DA8BD

#1995A8

#168293

#13707E

#105D69

#0C4A54

#09383F

#06252A

#031215

#000000

WCAG Contrast Accessibility

2.84:1

Text on #FFFFFF

FAIL

7.39:1

Text on #000000

AAA

2.72:1

Text on #F8FAFC

FAIL

6.28:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #1DA8BD; }

.text-color { color: #1DA8BD; }

.border-color { border: 2px solid #1DA8BD; }

Similar Colors

Cadetblue

#5F9EA0