#CBE7EE

#CBE7EE

Color Values

HEX

#CBE7EE

RGB

203, 231, 238

HSL

192.0, 50.7%, 86.5%

HSV

192.0, 14.7%, 93.3%

CMYK

14.7%, 2.9%, 0.0%, 6.7%

OKLCH

0.9097 0.031 214.5

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#CBE7EE

#EED2CB

Analogous

#CBEEE4

#CBD6EE

#CBE7EE

Triadic

#CBE7EE

#EECBE7

#E7EECB

Split Complementary

#CBE7EE

#EECBD6

#EEE4CB

Tetradic

#CBE7EE

#E4CBEE

#EED2CB

#D6EECB

Color Blindness Simulation

Original

#CBE7EE

Protanopia

#D7D7EC

Deuteranopia

#D6D3EC

Tritanopia

#CCEBEB

Achromatopsia

#E2E2E2

CSS Usage

background-color: #CBE7EE;
color: #CBE7EE;
border-color: #CBE7EE;
Nearest Tailwind: Sky 100 #E0F2FE

Tailwind Shades

50
#F4F9FB
100
#E5F2F5
200
#C9E6ED
300
#A3D4E1
400
#71BDD0
500
#3FA6C0
600
#32859A
700
#286A7B
800
#1F5360
900
#1A3E47
950
#11272D

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

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