#85B2C2

#85B2C2

Color Values

HEX

#85B2C2

RGB

133, 178, 194

HSL

195.7, 33.3%, 64.1%

HSV

195.7, 31.4%, 76.1%

CMYK

31.4%, 8.2%, 0.0%, 23.9%

OKLCH

0.7369 0.0532 221.8

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#85B2C2

#C29585

Analogous

#85C2B3

#8594C2

#85B2C2

Triadic

#85B2C2

#C285B2

#B2C285

Split Complementary

#85B2C2

#C28594

#C2B385

Tetradic

#85B2C2

#B385C2

#C29585

#94C285

Color Blindness Simulation

Original

#85B2C2

Protanopia

#9899BE

Deuteranopia

#9692BD

Tritanopia

#87BBBA

Achromatopsia

#AAAAAA

CSS Usage

background-color: #85B2C2;
color: #85B2C2;
border-color: #85B2C2;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F8FA
100
#E8F0F2
200
#CFE1E7
300
#ADCCD6
400
#81B0C0
500
#5594AA
600
#447688
700
#365F6D
800
#2B4A55
900
#22373F
950
#152328

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

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