#CED1ED

#CED1ED

Color Values

HEX

#CED1ED

RGB

206, 209, 237

HSL

234.2, 46.3%, 86.9%

HSV

234.2, 13.1%, 92.9%

CMYK

13.1%, 11.8%, 0.0%, 7.1%

OKLCH

0.8671 0.0387 280.7

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CED1ED

#EDEACE

Analogous

#CEE1ED

#DBCEED

#CED1ED

Triadic

#CED1ED

#EDCED1

#D1EDCE

Split Complementary

#CED1ED

#EDDBCE

#E1EDCE

Tetradic

#CED1ED

#EDCEE1

#EDEACE

#CEEDDB

Color Blindness Simulation

Original

#CED1ED

Protanopia

#CFCFE6

Deuteranopia

#CFCFE5

Tritanopia

#CEE1E0

Achromatopsia

#D2D2D2

CSS Usage

background-color: #CED1ED;
color: #CED1ED;
border-color: #CED1ED;
Nearest Tailwind: Violet 200 #DDD6FE

Tailwind Shades

50
#F4F5FA
100
#E6E7F4
200
#CBCEEC
300
#A5ABDE
400
#757DCC
500
#4450BB
600
#374095
700
#2C3377
800
#22285D
900
#1C2045
950
#12142B

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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