HEX Color #83BDF0 (Lightskyblue)

About #83BDF0

The precise color #83BDF0 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Lightskyblue. In the RGB color space, it consists of 131 red, 189 green, and 240 blue.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 45% cyan, 21% magenta, 0% yellow, and 6% black. The HSL representation is 208.1° hue, 78.4% saturation, and 72.7% lightness.

Contrast ratios determine whether this color is safe for typography. Because it is a light color, it is generally recommended to use #000000 text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#83BDF0

RGB131, 189, 240

HSL208.1°, 78.4%, 72.7%

CMYK45%, 21%, 0%, 6%

HSV208.1°, 45.4%, 94.1%

LAB74.5, -5.5, -31.2

XYZ43.3, 47.5, 89.3

Decimal8633840

Color Harmonies

Complementary

#83BDF0 #F0B582

Analogous

#82F0EC #8286F0

Triadic

#F082BD #BDF082

Tetradic

#EC82F0 #F0B582 #86F082

Tints, Shades & Tones

Tints (Adding White)

#83BDF0

#90C4F1

#9ECBF3

#ACD3F5

#BADAF6

#C7E1F8

#D5E9FA

#E3F0FB

#F1F7FD

#FFFFFF

Shades (Adding Black)

#83BDF0

#74A8D5

#6593BA

#577EA0

#486985

#3A546A

#2B3F50

#1D2A35

#0E151A

#000000

WCAG Contrast Accessibility

2.00:1

Text on #FFFFFF

FAIL

10.50:1

Text on #000000

AAA

1.91:1

Text on #F8FAFC

FAIL

8.93:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #83BDF0; }

.text-color { color: #83BDF0; }

.border-color { border: 2px solid #83BDF0; }

Similar Colors

Lightskyblue

#87CEFA