#83ADD5

#83ADD5

Color Values

HEX

#83ADD5

RGB

131, 173, 213

HSL

209.3, 49.4%, 67.5%

HSV

209.3, 38.5%, 83.5%

CMYK

38.5%, 18.8%, 0.0%, 16.5%

OKLCH

0.7319 0.0739 247.6

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#83ADD5

#D5AB83

Analogous

#83D5D4

#8384D5

#83ADD5

Triadic

#83ADD5

#D583AD

#ADD583

Split Complementary

#83ADD5

#D58384

#D5D483

Tetradic

#83ADD5

#D483D5

#D5AB83

#84D583

Color Blindness Simulation

Original

#83ADD5

Protanopia

#9596CB

Deuteranopia

#9390C9

Tritanopia

#85C4C2

Achromatopsia

#A7A7A7

CSS Usage

background-color: #83ADD5;
color: #83ADD5;
border-color: #83ADD5;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F4F7FB
100
#E6EDF5
200
#CADCED
300
#A4C3E0
400
#72A2CF
500
#4181BE
600
#346798
700
#29537A
800
#20405F
900
#1B3146
950
#111F2C

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

8.9:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026