HEX Color #6DA0A8 (Cadetblue)

About #6DA0A8

At its core, #6DA0A8 is a medium and muted hue. If you're using CSS, you might find it aligns closely with Cadetblue. To achieve this exact tint on a monitor, you would use an RGB mix of 109, 160, and 168.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 35% cyan and 5% magenta inks. The HSL representation is 188.1° hue, 25.3% saturation, and 54.3% lightness.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#6DA0A8

RGB109, 160, 168

HSL188.1°, 25.3%, 54.3%

CMYK35%, 5%, 0%, 34%

HSV188.1°, 35.1%, 65.9%

LAB62.7, -14.8, -9.6

XYZ25.9, 31.2, 41.7

Decimal7184552

Color Harmonies

Complementary

#6DA0A8 #A8756C

Analogous

#6CA892 #6C82A8

Triadic

#A86CA0 #A0A86C

Tetradic

#926CA8 #A8756C #82A86C

Tints, Shades & Tones

Tints (Adding White)

#6DA0A8

#7DAAB1

#8DB5BB

#9DBFC5

#ADCACE

#BED4D8

#CEDFE2

#DEE9EB

#EEF4F5

#FFFFFF

Shades (Adding Black)

#6DA0A8

#608E95

#547C82

#486A70

#3C585D

#30474A

#243538

#182325

#0C1112

#000000

WCAG Contrast Accessibility

2.90:1

Text on #FFFFFF

FAIL

7.24:1

Text on #000000

AAA

2.77:1

Text on #F8FAFC

FAIL

6.16:1

Text on #0F172A

AA

CSS Implementation

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

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

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

Similar Colors

Cadetblue

#5F9EA0