HEX Color #5FBDE9 (Lightskyblue)

About #5FBDE9

The hex code #5FBDE9 represents a beautifully specific shade of blue. It is closely associated with the named CSS color Lightskyblue. In the RGB color space, it consists of 95 red, 189 green, and 233 blue.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 59% cyan and 19% magenta inks. The HSL representation is 199.1° hue, 75.8% saturation, and 64.3% 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. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#5FBDE9

RGB95, 189, 233

HSL199.1°, 75.8%, 64.3%

CMYK59%, 19%, 0%, 9%

HSV199.1°, 59.2%, 91.4%

LAB72.7, -15.2, -30.3

XYZ37.6, 44.7, 83.7

Decimal6274537

Color Harmonies

Complementary

#5FBDE9 #E98A5E

Analogous

#5EE9CF #5E77E9

Triadic

#E95EBD #BDE95E

Tetradic

#CF5EE9 #E98A5E #78E95E

Tints, Shades & Tones

Tints (Adding White)

#5FBDE9

#70C4EB

#82CBED

#94D3F0

#A6DAF2

#B7E1F5

#C9E9F7

#DBF0FA

#EDF7FC

#FFFFFF

Shades (Adding Black)

#5FBDE9

#54A8CF

#4993B5

#3F7E9B

#346981

#2A5467

#1F3F4D

#152A33

#0A1519

#000000

WCAG Contrast Accessibility

2.11:1

Text on #FFFFFF

FAIL

9.94:1

Text on #000000

AAA

2.02:1

Text on #F8FAFC

FAIL

8.45:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #5FBDE9; }

.text-color { color: #5FBDE9; }

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

Similar Colors

Lightskyblue

#87CEFA