#83BBD2

#83BBD2

Color Values

HEX

#83BBD2

RGB

131, 187, 210

HSL

197.5, 46.7%, 66.9%

HSV

197.5, 37.6%, 82.4%

CMYK

37.6%, 11.0%, 0.0%, 17.6%

OKLCH

0.7615 0.0668 225.5

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#83BBD2

#D29A83

Analogous

#83D2C2

#8394D2

#83BBD2

Triadic

#83BBD2

#D283BB

#BBD283

Split Complementary

#83BBD2

#D28394

#D2C283

Tetradic

#83BBD2

#C283D2

#D29A83

#94D283

Color Blindness Simulation

Original

#83BBD2

Protanopia

#9B9CCC

Deuteranopia

#9894CB

Tritanopia

#86C8C7

Achromatopsia

#B1B1B1

CSS Usage

background-color: #83BBD2;
color: #83BBD2;
border-color: #83BBD2;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F4F9FA
100
#E6F0F4
200
#CBE2EC
300
#A5CEDE
400
#75B3CD
500
#4498BB
600
#367A96
700
#2B6178
800
#224C5E
900
#1C3945
950
#12242B

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

10.0:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026