#D3CFFE

#D3CFFE

Color Values

HEX

#D3CFFE

RGB

211, 207, 254

HSL

245.1, 95.9%, 90.4%

HSV

245.1, 18.5%, 99.6%

CMYK

16.9%, 18.5%, 0.0%, 0.4%

OKLCH

0.873 0.0646 288.9

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#D3CFFE

#FAFECF

Analogous

#CFE3FE

#EBCFFE

#D3CFFE

Triadic

#D3CFFE

#FED3CF

#CFFED3

Split Complementary

#D3CFFE

#FEEBCF

#E3FECF

Tetradic

#D3CFFE

#FECFE3

#FAFECF

#CFFEEB

Color Blindness Simulation

Original

#D3CFFE

Protanopia

#D1D1F3

Deuteranopia

#D2D2F0

Tritanopia

#D3EAE8

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F2F1FE
100
#E1DFFC
200
#BFB9FE
300
#9187FC
400
#5646FB
500
#1A05FA
600
#1504C8
700
#1103A0
800
#0D037D
900
#0E075A
950
#090439

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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