#85A8FE

#85A8FE

Color Values

HEX

#85A8FE

RGB

133, 168, 254

HSL

222.6, 98.4%, 75.9%

HSV

222.6, 47.6%, 99.6%

CMYK

47.6%, 33.9%, 0.0%, 0.4%

OKLCH

0.7413 0.1309 266.4

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#85A8FE

#FEDB85

Analogous

#85E5FE

#9E85FE

#85A8FE

Triadic

#85A8FE

#FE85A8

#A8FE85

Split Complementary

#85A8FE

#FE9E85

#E5FE85

Tetradic

#85A8FE

#FE85E5

#FEDB85

#85FE9E

Color Blindness Simulation

Original

#85A8FE

Protanopia

#9494E9

Deuteranopia

#9290E4

Tritanopia

#87D9D5

Achromatopsia

#A7A7A7

CSS Usage

background-color: #85A8FE;
color: #85A8FE;
border-color: #85A8FE;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F5FE
100
#DEE7FC
200
#B8CDFE
300
#86A9FE
400
#447AFD
500
#024BFD
600
#023CCA
700
#0130A2
800
#01257E
900
#061E5B
950
#04133A

Contrast Checker

Text on white

2.33:1

AA Fail AAA Fail

Text on black

9.03:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026