#D6CCEB

#D6CCEB

Color Values

HEX

#D6CCEB

RGB

214, 204, 235

HSL

259.4, 43.7%, 86.1%

HSV

259.4, 13.2%, 92.2%

CMYK

8.9%, 13.2%, 0.0%, 7.8%

OKLCH

0.8629 0.0437 300.2

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#D6CCEB

#E1EBCC

Analogous

#CCD2EB

#E6CCEB

#D6CCEB

Triadic

#D6CCEB

#EBD6CC

#CCEBD6

Split Complementary

#D6CCEB

#EBE6CC

#D2EBCC

Tetradic

#D6CCEB

#EBCCD2

#E1EBCC

#CCEBE6

Color Blindness Simulation

Original

#D6CCEB

Protanopia

#D2D2E4

Deuteranopia

#D2D3E2

Tritanopia

#D5DEDC

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#EBE7F4
200
#D6CCEB
300
#B8A7DD
400
#9277CA
500
#6C48B7
600
#563993
700
#452E75
800
#36245C
900
#2A1D44
950
#1A132B

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

13.7:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026