HEX Color #7CBDE2 (Lightskyblue)

About #7CBDE2

At its core, #7CBDE2 is a light and moderate hue. It is closely associated with the named CSS color Lightskyblue. To achieve this exact tint on a monitor, you would use an RGB mix of 124, 189, and 226.

When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 45% C, 16% M, 0% Y, and 11% K. The HSL representation is 201.8° hue, 63.7% saturation, and 68.6% lightness.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#7CBDE2

RGB124, 189, 226

HSL201.8°, 63.7%, 68.6%

CMYK45%, 16%, 0%, 11%

HSV201.8°, 45.1%, 88.6%

LAB73.7, -11.0, -24.9

XYZ40.2, 46.2, 78.7

Decimal8175074

Color Harmonies

Complementary

#7CBDE2 #E2A17C

Analogous

#7CE2D3 #7C8AE2

Triadic

#E27CBC #BCE27C

Tetradic

#D37CE2 #E2A17C #8AE27C

Tints, Shades & Tones

Tints (Adding White)

#7CBDE2

#8AC4E5

#99CBE8

#A7D3EB

#B6DAEE

#C4E1F2

#D3E9F5

#E1F0F8

#F0F7FB

#FFFFFF

Shades (Adding Black)

#7CBDE2

#6EA8C8

#6093AF

#527E96

#44697D

#375464

#293F4B

#1B2A32

#0D1519

#000000

WCAG Contrast Accessibility

2.05:1

Text on #FFFFFF

FAIL

10.23:1

Text on #000000

AAA

1.96:1

Text on #F8FAFC

FAIL

8.70:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #7CBDE2; }

.text-color { color: #7CBDE2; }

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

Similar Colors

Lightskyblue

#87CEFA