#D8C0F2

#D8C0F2

Color Values

HEX

#D8C0F2

RGB

216, 192, 242

HSL

268.8, 65.8%, 85.1%

HSV

268.8, 20.7%, 94.9%

CMYK

10.7%, 20.7%, 0.0%, 5.1%

OKLCH

0.8441 0.0731 306.6

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D8C0F2

#DAF2C0

Analogous

#C0C1F2

#F1C0F2

#D8C0F2

Triadic

#D8C0F2

#F2D8C0

#C0F2D8

Split Complementary

#D8C0F2

#F2F1C0

#C1F2C0

Tetradic

#D8C0F2

#F2C0C1

#DAF2C0

#C0F2F1

Color Blindness Simulation

Original

#D8C0F2

Protanopia

#CECDE6

Deuteranopia

#CFD1E3

Tritanopia

#D7DCDA

Achromatopsia

#C9C9C9

CSS Usage

background-color: #D8C0F2;
color: #D8C0F2;
border-color: #D8C0F2;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#F7F3FC
100
#EDE3F7
200
#DAC4F3
300
#C09AEA
400
#9E63DF
500
#7C2CD3
600
#6323A9
700
#4F1C87
800
#3E166A
900
#2F144D
950
#1E0C31

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

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