#DCC8F9

#DCC8F9

Color Values

HEX

#DCC8F9

RGB

220, 200, 249

HSL

264.5, 80.3%, 88.0%

HSV

264.5, 19.7%, 97.6%

CMYK

11.6%, 19.7%, 0.0%, 2.4%

OKLCH

0.8651 0.0701 303.5

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DCC8F9

#E5F9C8

Analogous

#C8CCF9

#F4C8F9

#DCC8F9

Triadic

#DCC8F9

#F9DCC8

#C8F9DC

Split Complementary

#DCC8F9

#F9F4C8

#CCF9C8

Tetradic

#DCC8F9

#F9C8CC

#E5F9C8

#C8F9F4

Color Blindness Simulation

Original

#DCC8F9

Protanopia

#D3D3ED

Deuteranopia

#D4D6EA

Tritanopia

#DBE4E2

Achromatopsia

#D0D0D0

CSS Usage

background-color: #DCC8F9;
color: #DCC8F9;
border-color: #DCC8F9;
Nearest Tailwind: Purple 200 #E9D5FF

Tailwind Shades

50
#F6F2FD
100
#EBE1F9
200
#D6BFF8
300
#B991F3
400
#9355EC
500
#6D19E6
600
#5714B8
700
#461093
800
#360D73
900
#2A0D53
950
#1B0835

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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