#DDCEF0

#DDCEF0

Color Values

HEX

#DDCEF0

RGB

221, 206, 240

HSL

266.5, 53.1%, 87.5%

HSV

266.5, 14.2%, 94.1%

CMYK

7.9%, 14.2%, 0.0%, 5.9%

OKLCH

0.8741 0.0489 305.3

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DDCEF0

#E1F0CE

Analogous

#CED0F0

#EECEF0

#DDCEF0

Triadic

#DDCEF0

#F0DDCE

#CEF0DD

Split Complementary

#DDCEF0

#F0EECE

#D0F0CE

Tetradic

#DDCEF0

#F0CED0

#E1F0CE

#CEF0EE

Color Blindness Simulation

Original

#DDCEF0

Protanopia

#D7D6E8

Deuteranopia

#D7D8E6

Tritanopia

#DCE1E0

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#ECE5F5
200
#D9C8EE
300
#BEA1E2
400
#9B6FD3
500
#783CC3
600
#60309C
700
#4D267D
800
#3C1E62
900
#2E1948
950
#1D102D

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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