#D1CCEB

#D1CCEB

Color Values

HEX

#D1CCEB

RGB

209, 204, 235

HSL

249,7, 43,7%, 86,1%

HSV

249,7, 13,2%, 92,2%

CMYK

11,1%, 13,2%, 0,0%, 7,8%

OKLCH

0,8589 0,0429 292,9

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#D1CCEB

#E6EBCC

Analogous

#CCD7EB

#E1CCEB

#D1CCEB

Triadic

#D1CCEB

#EBD1CC

#CCEBD1

Split Complementary

#D1CCEB

#EBE1CC

#D7EBCC

Tetradic

#D1CCEB

#EBCCD7

#E6EBCC

#CCEBE1

Color Blindness Simulation

Original

#D1CCEB

Protanopia

#CFCFE4

Deuteranopia

#CFCFE2

Tritanopia

#D1DEDC

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E9E7F4
200
#D1CCEB
300
#B0A7DD
400
#8577CA
500
#5A48B7
600
#483993
700
#392E75
800
#2D245C
900
#241D44
950
#16132B

Contrast Checker

Text on white

1,55:1

AA Fail AAA Fail

Text on black

13,55: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