#D0CDF4

#D0CDF4

Color Values

HEX

#D0CDF4

RGB

208, 205, 244

HSL

244,6, 63,9%, 88,0%

HSV

244,6, 16,0%, 95,7%

CMYK

14,8%, 16,0%, 0,0%, 4,3%

OKLCH

0,8632 0,0537 288,7

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#D0CDF4

#F1F4CD

Analogous

#CDDDF4

#E3CDF4

#D0CDF4

Triadic

#D0CDF4

#F4D0CD

#CDF4D0

Split Complementary

#D0CDF4

#F4E3CD

#DDF4CD

Tetradic

#D0CDF4

#F4CDDD

#F1F4CD

#CDF4E3

Color Blindness Simulation

Original

#D0CDF4

Protanopia

#CFCFEB

Deuteranopia

#CFCFE8

Tritanopia

#D0E3E1

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E5E3F7
200
#C8C4F2
300
#A19BE9
400
#6E64DD
500
#3B2ED1
600
#2F25A7
700
#251D86
800
#1D1768
900
#19154C
950
#100D30

Contrast Checker

Text on white

1,53:1

AA Fail AAA Fail

Text on black

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