#CDD0FE

#CDD0FE

Color Values

HEX

#CDD0FE

RGB

205, 208, 254

HSL

236,3, 96,1%, 90,0%

HSV

236,3, 19,3%, 99,6%

CMYK

19,3%, 18,1%, 0,0%, 0,4%

OKLCH

0,8704 0,0636 282,1

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CDD0FE

#FEFBCD

Analogous

#CDE9FE

#E2CDFE

#CDD0FE

Triadic

#CDD0FE

#FECDD0

#D0FECD

Split Complementary

#CDD0FE

#FEE2CD

#E9FECD

Tetradic

#CDD0FE

#FECDE9

#FEFBCD

#CDFEE2

Color Blindness Simulation

Original

#CDD0FE

Protanopia

#CECEF3

Deuteranopia

#CECEF0

Tritanopia

#CDEAE8

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F1F2FE
100
#DFE0FC
200
#B9BDFE
300
#878EFD
400
#4651FB
500
#0514FA
600
#0410C8
700
#030DA0
800
#020A7D
900
#070C5A
950
#040739

Contrast Checker

Text on white

1,49:1

AA Fail AAA Fail

Text on black

14,05: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