#DCCFF6

#DCCFF6

Color Values

HEX

#DCCFF6

RGB

220, 207, 246

HSL

260.0, 68.4%, 88.8%

HSV

260.0, 15.9%, 96.5%

CMYK

10.6%, 15.9%, 0.0%, 3.5%

OKLCH

0.8773 0.0548 300.5

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DCCFF6

#E9F6CF

Analogous

#CFD5F6

#EFCFF6

#DCCFF6

Triadic

#DCCFF6

#F6DCCF

#CFF6DC

Split Complementary

#DCCFF6

#F6EFCF

#D5F6CF

Tetradic

#DCCFF6

#F6CFD5

#E9F6CF

#CFF6EF

Color Blindness Simulation

Original

#DCCFF6

Protanopia

#D6D6ED

Deuteranopia

#D7D8EA

Tritanopia

#DBE5E3

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#F6F3FC
100
#EAE3F8
200
#D3C3F4
300
#B498EC
400
#8B60E1
500
#6228D7
600
#4F20AC
700
#3F1A89
800
#31146B
900
#27134E
950
#180C31

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

14.3:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026