HEX Color #6DB6BD (Cadetblue)

About #6DB6BD

At its core, #6DB6BD is a medium and moderate 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 109, 182, and 189.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 42% cyan and 4% magenta inks. 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. Because it is a medium color, it is generally recommended to use #000000 text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#6DB6BD

RGB109, 182, 189

HSL185.2°, 37.7%, 58.4%

CMYK42%, 4%, 0%, 26%

HSV185.2°, 42.3%, 74.1%

LAB69.7, -20.9, -10.7

XYZ32.2, 40.4, 54.2

Decimal7190205

Color Harmonies

Complementary

#6DB6BD #BD746D

Analogous

#6DBD9B #6D8EBD

Triadic

#BD6DB5 #B6BD6D

Tetradic

#9C6DBD #BD746D #8EBD6D

Tints, Shades & Tones

Tints (Adding White)

#6DB6BD

#7DBEC4

#8DC6CB

#9DCED3

#ADD6DA

#BEDEE1

#CEE6E9

#DEEEF0

#EEF6F7

#FFFFFF

Shades (Adding Black)

#6DB6BD

#60A1A8

#548D93

#48797E

#3C6569

#305054

#243C3F

#18282A

#0C1415

#000000

WCAG Contrast Accessibility

2.31:1

Text on #FFFFFF

FAIL

9.08:1

Text on #000000

AAA

2.21:1

Text on #F8FAFC

FAIL

7.72:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #6DB6BD; }

.text-color { color: #6DB6BD; }

.border-color { border: 2px solid #6DB6BD; }

Similar Colors

Cadetblue

#5F9EA0