#DCC0EC

#DCC0EC

Color Values

HEX

#DCC0EC

RGB

220, 192, 236

HSL

278.2, 53.7%, 83.9%

HSV

278.2, 18.6%, 92.5%

CMYK

6.8%, 18.6%, 0.0%, 7.5%

OKLCH

0.8454 0.0672 313.2

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#DCC0EC

#D0ECC0

Analogous

#C6C0EC

#ECC0E6

#DCC0EC

Triadic

#DCC0EC

#ECDCC0

#C0ECDC

Split Complementary

#DCC0EC

#E6ECC0

#C0ECC6

Tetradic

#DCC0EC

#ECC6C0

#D0ECC0

#C0E6EC

Color Blindness Simulation

Original

#DCC0EC

Protanopia

#D0D0E1

Deuteranopia

#D2D4DF

Tritanopia

#DBD9D7

Achromatopsia

#C9C9C9

CSS Usage

background-color: #DCC0EC;
color: #DCC0EC;
border-color: #DCC0EC;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#F8F4FB
100
#EFE5F5
200
#E1C8EE
300
#CBA1E3
400
#AE6ED3
500
#923BC4
600
#752F9D
700
#5E267D
800
#491E62
900
#371948
950
#23102D

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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