#85ADE9

#85ADE9

Color Values

HEX

#85ADE9

RGB

133, 173, 233

HSL

216.0, 69.4%, 71.8%

HSV

216.0, 42.9%, 91.4%

CMYK

42.9%, 25.8%, 0.0%, 8.6%

OKLCH

0.7417 0.0977 258.3

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#85ADE9

#E9C185

Analogous

#85DFE9

#8F85E9

#85ADE9

Triadic

#85ADE9

#E985AD

#ADE985

Split Complementary

#85ADE9

#E98F85

#DFE985

Tetradic

#85ADE9

#E985DF

#E9C185

#85E98F

Color Blindness Simulation

Original

#85ADE9

Protanopia

#9697DA

Deuteranopia

#9491D7

Tritanopia

#87CFCC

Achromatopsia

#A9A9A9

CSS Usage

background-color: #85ADE9;
color: #85ADE9;
border-color: #85ADE9;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F3F6FC
100
#E3EBF8
200
#C3D6F4
300
#97B9EC
400
#5F94E2
500
#276ED8
600
#1F58AD
700
#19468A
800
#14376C
900
#122A4F
950
#0B1B32

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

9.15:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026