#CBE4EE

#CBE4EE

Color Values

HEX

#CBE4EE

RGB

203, 228, 238

HSL

197.1, 50.7%, 86.5%

HSV

197.1, 14.7%, 93.3%

CMYK

14.7%, 4.2%, 0.0%, 6.7%

OKLCH

0.9035 0.0298 223.8

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#CBE4EE

#EED5CB

Analogous

#CBEEE7

#CBD3EE

#CBE4EE

Triadic

#CBE4EE

#EECBE4

#E4EECB

Split Complementary

#CBE4EE

#EECBD3

#EEE7CB

Tetradic

#CBE4EE

#E7CBEE

#EED5CB

#D3EECB

Color Blindness Simulation

Original

#CBE4EE

Protanopia

#D6D6EC

Deuteranopia

#D4D2EB

Tritanopia

#CCEAE9

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F4F9FB
100
#E5F0F5
200
#C9E3ED
300
#A3CFE1
400
#71B5D0
500
#3F9BC0
600
#327C9A
700
#28637B
800
#1F4E60
900
#1A3A47
950
#11252D

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.87:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026