HEX Color #6DC5DB (Skyblue)

About #6DC5DB

When working with digital screens, the color #6DC5DB is rendered by mixing light. Designers often compare it to the standard color Skyblue. To achieve this exact tint on a monitor, you would use an RGB mix of 109, 197, and 219.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 50% cyan and 10% magenta inks. The HSL representation is 192.0° hue, 60.4% saturation, and 64.3% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a light color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#6DC5DB

RGB109, 197, 219

HSL192.0°, 60.4%, 64.3%

CMYK50%, 10%, 0%, 14%

HSV192.0°, 50.2%, 85.9%

LAB75.0, -20.6, -19.1

XYZ39.1, 48.3, 74.3

Decimal7194075

Color Harmonies

Complementary

#6DC5DB #DB826C

Analogous

#6CDBBA #6C8DDB

Triadic

#DB6CC4 #C4DB6C

Tetradic

#BA6CDB #DB826C #8DDB6C

Tints, Shades & Tones

Tints (Adding White)

#6DC5DB

#7DCBDF

#8DD1E3

#9DD8E7

#ADDEEB

#BEE5EF

#CEEBF3

#DEF2F7

#EEF8FB

#FFFFFF

Shades (Adding Black)

#6DC5DB

#60AFC2

#5499AA

#488392

#3C6D79

#305761

#244149

#182B30

#0C1518

#000000

WCAG Contrast Accessibility

1.97:1

Text on #FFFFFF

FAIL

10.66:1

Text on #000000

AAA

1.88:1

Text on #F8FAFC

FAIL

9.06:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Skyblue

#87CEEB