#CBD8EE

#CBD8EE

Color Values

HEX

#CBD8EE

RGB

203, 216, 238

HSL

217.7, 50.7%, 86.5%

HSV

217.7, 14.7%, 93.3%

CMYK

14.7%, 9.2%, 0.0%, 6.7%

OKLCH

0.8792 0.0335 261.0

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CBD8EE

#EEE1CB

Analogous

#CBEAEE

#D0CBEE

#CBD8EE

Triadic

#CBD8EE

#EECBD8

#D8EECB

Split Complementary

#CBD8EE

#EED0CB

#EAEECB

Tetradic

#CBD8EE

#EECBEA

#EEE1CB

#CBEED0

Color Blindness Simulation

Original

#CBD8EE

Protanopia

#D1D1E9

Deuteranopia

#D0CFE7

Tritanopia

#CCE4E4

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E5EBF5
200
#C9D7ED
300
#A3BAE1
400
#7194D0
500
#3F6FC0
600
#32599A
700
#28477B
800
#1F3760
900
#1A2B47
950
#111B2D

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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