#DCCFEF

#DCCFEF

Color Values

HEX

#DCCFEF

RGB

220, 207, 239

HSL

264,4, 50,0%, 87,5%

HSV

264,4, 13,4%, 93,7%

CMYK

7,9%, 13,4%, 0,0%, 6,3%

OKLCH

0,8749 0,0457 303,9

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DCCFEF

#E2EFCF

Analogous

#CFD2EF

#ECCFEF

#DCCFEF

Triadic

#DCCFEF

#EFDCCF

#CFEFDC

Split Complementary

#DCCFEF

#EFECCF

#D2EFCF

Tetradic

#DCCFEF

#EFCFD2

#E2EFCF

#CFEFEC

Color Blindness Simulation

Original

#DCCFEF

Protanopia

#D6D6E7

Deuteranopia

#D7D8E5

Tritanopia

#DBE1E0

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#ECE6F5
200
#D8C9ED
300
#BCA3E0
400
#9871D0
500
#7440BF
600
#5C3399
700
#4A297A
800
#3A2060
900
#2C1B46
950
#1C112C

Contrast Checker

Text on white

1,48:1

AA Fail AAA Fail

Text on black

14,21: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