#CBE0ED

#CBE0ED

Color Values

HEX

#CBE0ED

RGB

203, 224, 237

HSL

202.9, 48.6%, 86.3%

HSV

202.9, 14.3%, 92.9%

CMYK

14.3%, 5.5%, 0.0%, 7.1%

OKLCH

0.8951 0.0287 234.9

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CBE0ED

#EDD8CB

Analogous

#CBEDE9

#CBCFED

#CBE0ED

Triadic

#CBE0ED

#EDCBE0

#E0EDCB

Split Complementary

#CBE0ED

#EDCBCF

#EDE9CB

Tetradic

#CBE0ED

#E9CBED

#EDD8CB

#CFEDCB

Color Blindness Simulation

Original

#CBE0ED

Protanopia

#D4D4EA

Deuteranopia

#D3D1E9

Tritanopia

#CCE7E7

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F4F8FB
100
#E6EFF5
200
#CADFED
300
#A4C9E0
400
#73ACCF
500
#428EBD
600
#347298
700
#2A5B79
800
#21475F
900
#1B3546
950
#11222C

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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