#85CBEC

#85CBEC

Color Values

HEX

#85CBEC

RGB

133, 203, 236

HSL

199.2, 73.0%, 72.4%

HSV

199.2, 43.6%, 92.5%

CMYK

43.6%, 14.0%, 0.0%, 7.5%

OKLCH

0.8076 0.0843 229.4

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#85CBEC

#ECA685

Analogous

#85ECDA

#8598EC

#85CBEC

Triadic

#85CBEC

#EC85CB

#CBEC85

Split Complementary

#85CBEC

#EC8598

#ECDA85

Tetradic

#85CBEC

#DA85EC

#ECA685

#98EC85

Color Blindness Simulation

Original

#85CBEC

Protanopia

#A3A4E4

Deuteranopia

#9F9AE2

Tritanopia

#88DEDC

Achromatopsia

#BFBFBF

CSS Usage

background-color: #85CBEC;
color: #85CBEC;
border-color: #85CBEC;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F3F9FC
100
#E2F1F8
200
#C1E5F5
300
#95D2EE
400
#5CB9E6
500
#22A1DD
600
#1C81B0
700
#16678D
800
#11516E
900
#113C50
950
#0A2633

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

11.75:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026