#85C7FC

#85C7FC

Color Values

HEX

#85C7FC

RGB

133, 199, 252

HSL

206.7, 95.2%, 75.5%

HSV

206.7, 47.2%, 98.8%

CMYK

47.2%, 21.0%, 0.0%, 1.2%

OKLCH

0.8053 0.101 243.7

Properties

Cool Light Nearest: skyblue 1

Color Harmonies

Complementary

#85C7FC

#FCBA85

Analogous

#85FCF5

#858CFC

#85C7FC

Triadic

#85C7FC

#FC85C7

#C7FC85

Split Complementary

#85C7FC

#FC858C

#FCF585

Tetradic

#85C7FC

#F585FC

#FCBA85

#8CFC85

Color Blindness Simulation

Original

#85C7FC

Protanopia

#A2A2EF

Deuteranopia

#9E99EC

Tritanopia

#88E5E3

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F1F8FE
100
#DFEFFC
200
#B9DFFD
300
#88C8FC
400
#47ABFA
500
#068DF9
600
#0571C7
700
#045A9F
800
#03467C
900
#07355A
950
#042139

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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