#83ADC6

#83ADC6

Color Values

HEX

#83ADC6

RGB

131, 173, 198

HSL

202.4, 37.0%, 64.5%

HSV

202.4, 33.8%, 77.6%

CMYK

33.8%, 12.6%, 0.0%, 22.4%

OKLCH

0.726 0.058 234.7

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#83ADC6

#C69C83

Analogous

#83C6BD

#838BC6

#83ADC6

Triadic

#83ADC6

#C683AD

#ADC683

Split Complementary

#83ADC6

#C6838B

#C6BD83

Tetradic

#83ADC6

#BD83C6

#C69C83

#8BC683

Color Blindness Simulation

Original

#83ADC6

Protanopia

#9596C0

Deuteranopia

#9390BE

Tritanopia

#85BBBA

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EFF3
200
#CEDFE9
300
#ABC8D8
400
#7EA9C4
500
#508BAF
600
#40708C
700
#335970
800
#284657
900
#203541
950
#142129

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

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