HEX Color #2CB6DB (Skyblue)

About #2CB6DB

The precise color #2CB6DB is an excellent choice for modern design projects. It is closely associated with the named CSS color Skyblue. In the RGB color space, it consists of 44 red, 182 green, and 219 blue.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 80% Cyan, 17% Magenta, 0% Yellow, and 14% 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. 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#2CB6DB

RGB44, 182, 219

HSL192.7°, 70.9%, 51.6%

CMYK80%, 17%, 0%, 14%

HSV192.7°, 79.9%, 85.9%

LAB68.8, -23.1, -28.8

XYZ30.6, 39.1, 73.0

Decimal2930395

Color Harmonies

Complementary

#2CB6DB #DB502B

Analogous

#2BDBA8 #2B5EDB

Triadic

#DB2BB6 #B6DB2B

Tetradic

#A82BDB #DB502B #5EDB2B

Tints, Shades & Tones

Tints (Adding White)

#2CB6DB

#43BEDF

#5AC6E3

#72CEE7

#89D6EB

#A1DEEF

#B8E6F3

#D0EEF7

#E7F6FB

#FFFFFF

Shades (Adding Black)

#2CB6DB

#27A1C2

#228DAA

#1D7992

#186579

#135061

#0E3C49

#092830

#041418

#000000

WCAG Contrast Accessibility

2.38:1

Text on #FFFFFF

FAIL

8.82:1

Text on #000000

AAA

2.28:1

Text on #F8FAFC

FAIL

7.50:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #2CB6DB; }

.text-color { color: #2CB6DB; }

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

Similar Colors

Skyblue

#87CEEB