#CBE0EE

#CBE0EE

Color Values

HEX

#CBE0EE

RGB

203, 224, 238

HSL

204.0, 50.7%, 86.5%

HSV

204.0, 14.7%, 93.3%

CMYK

14.7%, 5.9%, 0.0%, 6.7%

OKLCH

0.8954 0.0296 236.9

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CBE0EE

#EED9CB

Analogous

#CBEEEB

#CBCFEE

#CBE0EE

Triadic

#CBE0EE

#EECBE0

#E0EECB

Split Complementary

#CBE0EE

#EECBCF

#EEEBCB

Tetradic

#CBE0EE

#EBCBEE

#EED9CB

#CFEECB

Color Blindness Simulation

Original

#CBE0EE

Protanopia

#D4D4EB

Deuteranopia

#D3D1EA

Tritanopia

#CCE8E7

Achromatopsia

#DDDDDD

CSS Usage

background-color: #CBE0EE;
color: #CBE0EE;
border-color: #CBE0EE;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F4F8FB
100
#E5EFF5
200
#C9DFED
300
#A3C8E1
400
#71AAD0
500
#3F8CC0
600
#32709A
700
#285A7B
800
#1F4660
900
#1A3547
950
#11212D

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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