#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

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026
Tutorials

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

يناير 18, 2026