#85C7F6

#85C7F6

Color Values

HEX

#85C7F6

RGB

133, 199, 246

HSL

205.0, 86.3%, 74.3%

HSV

205.0, 45.9%, 96.5%

CMYK

45.9%, 19.1%, 0.0%, 3.5%

OKLCH

0.8028 0.0947 240.5

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#85C7F6

#F6B485

Analogous

#85F6ED

#858EF6

#85C7F6

Triadic

#85C7F6

#F685C7

#C7F685

Split Complementary

#85C7F6

#F6858E

#F6ED85

Tetradic

#85C7F6

#ED85F6

#F6B485

#8EF685

Color Blindness Simulation

Original

#85C7F6

Protanopia

#A2A2EB

Deuteranopia

#9E99E8

Tritanopia

#88E2E0

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EFFA
200
#BCE0FA
300
#8DCBF7
400
#4FAEF2
500
#1192EE
600
#0E75BE
700
#0B5D98
800
#094977
900
#0B3756
950
#072336

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

11.5:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026