#85B0FC

#85B0FC

Color Values

HEX

#85B0FC

RGB

133, 176, 252

HSL

218.3, 95.2%, 75.5%

HSV

218.3, 47.2%, 98.8%

CMYK

47.2%, 30.2%, 0.0%, 1.2%

OKLCH

0.7567 0.1196 261.3

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#85B0FC

#FCD185

Analogous

#85ECFC

#9685FC

#85B0FC

Triadic

#85B0FC

#FC85B0

#B0FC85

Split Complementary

#85B0FC

#FC9685

#ECFC85

Tetradic

#85B0FC

#FC85EC

#FCD185

#85FC96

Color Blindness Simulation

Original

#85B0FC

Protanopia

#9898EA

Deuteranopia

#9592E5

Tritanopia

#87DBD8

Achromatopsia

#ACACAC

CSS Usage

background-color: #85B0FC;
color: #85B0FC;
border-color: #85B0FC;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F1F6FE
100
#DFE9FC
200
#B9D2FD
300
#88B2FC
400
#4788FA
500
#065EF9
600
#054BC7
700
#043C9F
800
#032F7C
900
#07255A
950
#041739

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

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