HEX Color #3AB6D3 (Skyblue)

About #3AB6D3

The precise color #3AB6D3 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Skyblue. To achieve this exact tint on a monitor, you would use an RGB mix of 58, 182, and 211.

When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 73% C, 14% M, 0% Y, and 17% K. With a hue angle of 191.4 degrees, it sits comfortably in the cyan spectrum.

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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#3AB6D3

RGB58, 182, 211

HSL191.4°, 63.5%, 52.7%

CMYK73%, 14%, 0%, 17%

HSV191.4°, 72.5%, 82.7%

LAB68.8, -24.2, -24.4

XYZ30.2, 39.1, 67.6

Decimal3847891

Color Harmonies

Complementary

#3AB6D3 #D3573A

Analogous

#3AD3A3 #3A69D3

Triadic

#D33AB5 #B5D33A

Tetradic

#A33AD3 #D3573A #69D33A

Tints, Shades & Tones

Tints (Adding White)

#3AB6D3

#4FBED7

#65C6DC

#7BCEE1

#91D6E6

#A7DEEB

#BDE6F0

#D3EEF5

#E9F6FA

#FFFFFF

Shades (Adding Black)

#3AB6D3

#33A1BB

#2D8DA4

#26798C

#206575

#19505D

#133C46

#0C282E

#061417

#000000

WCAG Contrast Accessibility

2.38:1

Text on #FFFFFF

FAIL

8.81:1

Text on #000000

AAA

2.28:1

Text on #F8FAFC

FAIL

7.49:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #3AB6D3; }

.text-color { color: #3AB6D3; }

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

Similar Colors

Skyblue

#87CEEB