#85BEFC

#85BEFC

Color Values

HEX

#85BEFC

RGB

133, 190, 252

HSL

211.3, 95.2%, 75.5%

HSV

211.3, 47.2%, 98.8%

CMYK

47.2%, 24.6%, 0.0%, 1.2%

OKLCH

0.7861 0.107 251.3

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#85BEFC

#FCC385

Analogous

#85F9FC

#8885FC

#85BEFC

Triadic

#85BEFC

#FC85BE

#BEFC85

Split Complementary

#85BEFC

#FC8885

#F9FC85

Tetradic

#85BEFC

#FC85F9

#FCC385

#85FC88

Color Blindness Simulation

Original

#85BEFC

Protanopia

#9E9EED

Deuteranopia

#9A96E9

Tritanopia

#88E1DF

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DFEDFC
200
#B9DAFD
300
#88BFFC
400
#479DFA
500
#067AF9
600
#0562C7
700
#044E9F
800
#033D7C
900
#072F5A
950
#041D39

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

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