#85BAFF

#85BAFF

Color Values

HEX

#85BAFF

RGB

133, 186, 255

HSL

213,9, 100,0%, 76,1%

HSV

213,9, 47,8%, 100,0%

CMYK

47,8%, 27,1%, 0,0%, 0,0%

OKLCH

0,779 0,114 255,4

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#85BAFF

#FFCA85

Analogous

#85F7FF

#8D85FF

#85BAFF

Triadic

#85BAFF

#FF85BA

#BAFF85

Split Complementary

#85BAFF

#FF8D85

#F7FF85

Tetradic

#85BAFF

#FF85F7

#FFCA85

#85FF8D

Color Blindness Simulation

Original

#85BAFF

Protanopia

#9C9CEE

Deuteranopia

#9995EA

Tritanopia

#88E1DE

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DEEBFC
200
#B8D7FF
300
#85BAFF
400
#4294FF
500
#006FFF
600
#0059CC
700
#0047A3
800
#003780
900
#052B5C
950
#031B3A

Contrast Checker

Text on white

2,01:1

AA Fail AAA Fail

Text on black

10,46:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026