HEX Color #42CCF0 (Skyblue)

About #42CCF0

When working with digital screens, the color #42CCF0 is rendered by mixing light. 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 66, 204, and 240.

Translating this color to physical media requires the CMYK color model. The color uses 72% Cyan, 15% Magenta, 0% Yellow, and 6% Black. The HSL representation is 192.4° hue, 85.3% saturation, and 60.0% lightness.

Ensuring your text is legible against this background is a key part of web design. 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#42CCF0

RGB66, 204, 240

HSL192.4°, 85.3%, 60.0%

CMYK72%, 15%, 0%, 6%

HSV192.4°, 72.5%, 94.1%

LAB76.5, -25.2, -28.4

XYZ39.6, 50.6, 90.1

Decimal4377840

Color Harmonies

Complementary

#42CCF0 #F06541

Analogous

#41F0BC #4174F0

Triadic

#F041CB #CCF041

Tetradic

#BD41F0 #F06541 #74F041

Tints, Shades & Tones

Tints (Adding White)

#42CCF0

#57D1F1

#6CD7F3

#81DDF5

#96E2F6

#ABE8F8

#C0EEFA

#D5F3FB

#EAF9FD

#FFFFFF

Shades (Adding Black)

#42CCF0

#3AB5D5

#339EBA

#2C88A0

#247185

#1D5A6A

#164450

#0E2D35

#07161A

#000000

WCAG Contrast Accessibility

1.89:1

Text on #FFFFFF

FAIL

11.13:1

Text on #000000

AAA

1.80:1

Text on #F8FAFC

FAIL

9.46:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #42CCF0; }

.text-color { color: #42CCF0; }

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

Similar Colors

Skyblue

#87CEEB