#85ACD0

#85ACD0

Color Values

HEX

#85ACD0

RGB

133, 172, 208

HSL

208.8, 44.4%, 66.9%

HSV

208.8, 36.1%, 81.6%

CMYK

36.1%, 17.3%, 0.0%, 18.4%

OKLCH

0.729 0.0675 246.7

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#85ACD0

#D0A985

Analogous

#85D0CF

#8587D0

#85ACD0

Triadic

#85ACD0

#D085AC

#ACD085

Split Complementary

#85ACD0

#D08587

#D0CF85

Tetradic

#85ACD0

#CF85D0

#D0A985

#87D085

Color Blindness Simulation

Original

#85ACD0

Protanopia

#9696C7

Deuteranopia

#9491C5

Tritanopia

#87C0BF

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F4F7FA
100
#E6EDF4
200
#CBDCEB
300
#A7C3DD
400
#77A2CB
500
#4782B8
600
#396893
700
#2D5376
800
#23415C
900
#1D3144
950
#121F2B

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

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