#7CCCF0
A light, vivid blue closely aligning with Skyblue.
About #7CCCF0
The hex code #7CCCF0 represents a beautifully specific shade of blue. Designers often compare it to the standard color Skyblue. Its digital footprint relies on 124 parts red, 204 parts green, and 240 parts blue light.
If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 48% cyan and 15% magenta inks. With a hue angle of 198.6 degrees, it sits comfortably in the blue spectrum.
From a UX and accessibility standpoint, contrast is paramount. Because it is a light color, it is generally recommended to use #000000 text. Always test your color combinations using a contrast checker before publishing.
Color Space Conversions
HEX#7CCCF0
RGB124, 204, 240
HSL198.6°, 79.5%, 71.4%
CMYK48%, 15%, 0%, 6%
HSV198.6°, 48.3%, 94.1%
LAB78.3, -15.0, -25.4
XYZ45.6, 53.8, 90.4
Decimal8178928
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
1.79:1
Text on #FFFFFF
FAIL
11.75:1
Text on #000000
AAA
1.71:1
Text on #F8FAFC
FAIL
9.99:1
Text on #0F172A
AAA
CSS Implementation
.bg-color {
background-color: #7CCCF0;
}
.text-color {
color: #7CCCF0;
}
.border-color {
border: 2px solid #7CCCF0;
}