#CBCEDA

#CBCEDA

Color Values

HEX

#CBCEDA

RGB

203, 206, 218

HSL

228.0, 16.9%, 82.5%

HSV

228.0, 6.9%, 85.5%

CMYK

6.9%, 5.5%, 0.0%, 14.5%

OKLCH

0.8527 0.0169 274.8

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CBCEDA

#DAD7CB

Analogous

#CBD5DA

#CFCBDA

#CBCEDA

Triadic

#CBCEDA

#DACBCE

#CEDACB

Split Complementary

#CBCEDA

#DACFCB

#D5DACB

Tetradic

#CBCEDA

#DACBD5

#DAD7CB

#CBDACF

Color Blindness Simulation

Original

#CBCEDA

Protanopia

#CCCCD7

Deuteranopia

#CCCCD6

Tritanopia

#CBD5D4

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBECF0
200
#D5D8E1
300
#B7BCCC
400
#9197B1
500
#6A7395
600
#555C77
700
#44495F
800
#35394B
900
#292C38
950
#1A1C23

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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