#83AFC0

#83AFC0

Color Values

HEX

#83AFC0

RGB

131, 175, 192

HSL

196.7, 32.6%, 63.3%

HSV

196.7, 31.8%, 75.3%

CMYK

31.8%, 8.9%, 0.0%, 24.7%

OKLCH

0.7283 0.0531 223.7

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#83AFC0

#C09483

Analogous

#83C0B2

#8390C0

#83AFC0

Triadic

#83AFC0

#C083AF

#AFC083

Split Complementary

#83AFC0

#C08390

#C0B283

Tetradic

#83AFC0

#B283C0

#C09483

#90C083

Color Blindness Simulation

Original

#83AFC0

Protanopia

#9696BC

Deuteranopia

#9490BB

Tritanopia

#85B9B8

Achromatopsia

#A7A7A7

CSS Usage

background-color: #83AFC0;
color: #83AFC0;
border-color: #83AFC0;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F8F9
100
#E8EFF2
200
#D0E0E7
300
#AECBD6
400
#82AEBF
500
#5692A9
600
#457587
700
#375D6C
800
#2B4955
900
#22373F
950
#162328

Contrast Checker

Text on white

2.37:1

AA Fail AAA Fail

Text on black

8.86: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