#85B3D6

#85B3D6

Color Values

HEX

#85B3D6

RGB

133, 179, 214

HSL

205.9, 49.7%, 68.0%

HSV

205.9, 37.9%, 83.9%

CMYK

37.9%, 16.4%, 0.0%, 16.1%

OKLCH

0.7466 0.0706 241.7

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#85B3D6

#D6A885

Analogous

#85D6D0

#858AD6

#85B3D6

Triadic

#85B3D6

#D685B3

#B3D685

Split Complementary

#85B3D6

#D6858A

#D6D085

Tetradic

#85B3D6

#D085D6

#D6A885

#8AD685

Color Blindness Simulation

Original

#85B3D6

Protanopia

#9999CE

Deuteranopia

#9693CB

Tritanopia

#87C7C5

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F4F8FB
100
#E6EEF5
200
#CADEED
300
#A3C6E0
400
#72A7D0
500
#4088BF
600
#336D99
700
#29577A
800
#20445F
900
#1B3346
950
#11202C

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

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