#CDCEF5

#CDCEF5

Color Values

HEX

#CDCEF5

RGB

205, 206, 245

HSL

238,5, 66,7%, 88,2%

HSV

238,5, 16,3%, 96,1%

CMYK

16,3%, 15,9%, 0,0%, 3,9%

OKLCH

0,8632 0,0538 284,1

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CDCEF5

#F5F4CD

Analogous

#CDE2F5

#E0CDF5

#CDCEF5

Triadic

#CDCEF5

#F5CDCE

#CEF5CD

Split Complementary

#CDCEF5

#F5E0CD

#E2F5CD

Tetradic

#CDCEF5

#F5CDE2

#F5F4CD

#CDF5E0

Color Blindness Simulation

Original

#CDCEF5

Protanopia

#CDCDEC

Deuteranopia

#CDCDE9

Tritanopia

#CDE4E2

Achromatopsia

#D1D1D1

CSS Usage

background-color: #CDCEF5;
color: #CDCEF5;
border-color: #CDCEF5;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F3F3FC
100
#E3E4F7
200
#C3C5F3
300
#999BEB
400
#6265E0
500
#2A2FD5
600
#2225AA
700
#1B1E88
800
#15176A
900
#13154E
950
#0C0D31

Contrast Checker

Text on white

1,53:1

AA Fail AAA Fail

Text on black

13,74: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