#85ABD9

#85ABD9

Color Values

HEX

#85ABD9

RGB

133, 171, 217

HSL

212.9, 52.5%, 68.6%

HSV

212.9, 38.7%, 85.1%

CMYK

38.7%, 21.2%, 0.0%, 14.9%

OKLCH

0.7305 0.079 253.6

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#85ABD9

#D9B385

Analogous

#85D5D9

#8985D9

#85ABD9

Triadic

#85ABD9

#D985AB

#ABD985

Split Complementary

#85ABD9

#D98985

#D5D985

Tetradic

#85ABD9

#D985D5

#D9B385

#85D989

Color Blindness Simulation

Original

#85ABD9

Protanopia

#9596CE

Deuteranopia

#9390CB

Tritanopia

#87C5C3

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E5ECF5
200
#C9D9EE
300
#A2BFE2
400
#6F9CD2
500
#3D79C2
600
#30619C
700
#274D7C
800
#1E3D61
900
#1A2E47
950
#101D2D

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

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