#83AABF

#83AABF

Color Values

HEX

#83AABF

RGB

131, 170, 191

HSL

201.0, 31.9%, 63.1%

HSV

201.0, 31.4%, 74.9%

CMYK

31.4%, 11.0%, 0.0%, 25.1%

OKLCH

0.7168 0.0522 231.9

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#83AABF

#BF9883

Analogous

#83BFB6

#838CBF

#83AABF

Triadic

#83AABF

#BF83AA

#AABF83

Split Complementary

#83AABF

#BF838C

#BFB683

Tetradic

#83AABF

#B683BF

#BF9883

#8CBF83

Color Blindness Simulation

Original

#83AABF

Protanopia

#9494BA

Deuteranopia

#928FB9

Tritanopia

#85B6B5

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E8EFF2
200
#D0DFE7
300
#AEC8D5
400
#83AABF
500
#578CA8
600
#457087
700
#38596C
800
#2B4654
900
#23353E
950
#162127

Contrast Checker

Text on white

2.48:1

AA Fail AAA Fail

Text on black

8.47:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026