#85BCFF

#85BCFF

Color Values

HEX

#85BCFF

RGB

133, 188, 255

HSL

213.0, 100.0%, 76.1%

HSV

213.0, 47.8%, 100.0%

CMYK

47.8%, 26.3%, 0.0%, 0.0%

OKLCH

0.7832 0.1123 253.9

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#85BCFF

#FFC885

Analogous

#85F9FF

#8B85FF

#85BCFF

Triadic

#85BCFF

#FF85BC

#BCFF85

Split Complementary

#85BCFF

#FF8B85

#F9FF85

Tetradic

#85BCFF

#FF85F9

#FFC885

#85FF8B

Color Blindness Simulation

Original

#85BCFF

Protanopia

#9D9DEF

Deuteranopia

#9A96EB

Tritanopia

#88E2DF

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DEECFC
200
#B8D8FF
300
#85BCFF
400
#4297FF
500
#0073FF
600
#005CCC
700
#0049A3
800
#003980
900
#052C5C
950
#031C3A

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

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