#D1CFF3

#D1CFF3

Color Values

HEX

#D1CFF3

RGB

209, 207, 243

HSL

243.3, 60.0%, 88.2%

HSV

243.3, 14.8%, 95.3%

CMYK

14.0%, 14.8%, 0.0%, 4.7%

OKLCH

0.8675 0.0495 287.9

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#D1CFF3

#F1F3CF

Analogous

#CFDFF3

#E3CFF3

#D1CFF3

Triadic

#D1CFF3

#F3D1CF

#CFF3D1

Split Complementary

#D1CFF3

#F3E3CF

#DFF3CF

Tetradic

#D1CFF3

#F3CFDF

#F1F3CF

#CFF3E3

Color Blindness Simulation

Original

#D1CFF3

Protanopia

#D0D0EA

Deuteranopia

#D0D0E8

Tritanopia

#D1E3E2

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F4F3FB
100
#E5E4F6
200
#C8C6F1
300
#A19DE7
400
#6E68D9
500
#3B33CC
600
#3029A3
700
#262183
800
#1E1A66
900
#19164B
950
#100E2F

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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