#85B8DC

#85B8DC

Color Values

HEX

#85B8DC

RGB

133, 184, 220

HSL

204.8, 55.4%, 69.2%

HSV

204.8, 39.5%, 86.3%

CMYK

39.5%, 16.4%, 0.0%, 13.7%

OKLCH

0.7598 0.0747 239.7

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#85B8DC

#DCA985

Analogous

#85DCD4

#858CDC

#85B8DC

Triadic

#85B8DC

#DC85B8

#B8DC85

Split Complementary

#85B8DC

#DC858C

#DCD485

Tetradic

#85B8DC

#D485DC

#DCA985

#8CDC85

Color Blindness Simulation

Original

#85B8DC

Protanopia

#9B9CD3

Deuteranopia

#9894D1

Tritanopia

#88CCCB

Achromatopsia

#B0B0B0

CSS Usage

background-color: #85B8DC;
color: #85B8DC;
border-color: #85B8DC;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F4F8FB
100
#E5EFF6
200
#C8DFEF
300
#A0C8E4
400
#6CAAD5
500
#398CC6
600
#2D709F
700
#24597F
800
#1C4663
900
#183549
950
#0F212E

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

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