#85C3F7

#85C3F7

Color Values

HEX

#85C3F7

RGB

133, 195, 247

HSL

207,4, 87,7%, 74,5%

HSV

207,4, 46,2%, 96,9%

CMYK

46,2%, 21,1%, 0,0%, 3,1%

OKLCH

0,7946 0,0979 244,8

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#85C3F7

#F7B985

Analogous

#85F7F2

#858AF7

#85C3F7

Triadic

#85C3F7

#F785C3

#C3F785

Split Complementary

#85C3F7

#F7858A

#F7F285

Tetradic

#85C3F7

#F285F7

#F7B985

#8AF785

Color Blindness Simulation

Original

#85C3F7

Protanopia

#A0A0EA

Deuteranopia

#9C98E7

Tritanopia

#88E0DE

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BCDEFB
300
#8CC6F7
400
#4EA8F3
500
#1089EF
600
#0D6EBF
700
#0A5899
800
#084578
900
#0A3457
950
#062137

Contrast Checker

Text on white

1,88:1

AA Fail AAA Fail

Text on black

11,15: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