#D3CFF7

#D3CFF7

Color Values

HEX

#D3CFF7

RGB

211, 207, 247

HSL

246.0, 71.4%, 89.0%

HSV

246.0, 16.2%, 96.9%

CMYK

14.6%, 16.2%, 0.0%, 3.1%

OKLCH

0.8705 0.055 289.8

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#D3CFF7

#F3F7CF

Analogous

#CFDFF7

#E7CFF7

#D3CFF7

Triadic

#D3CFF7

#F7D3CF

#CFF7D3

Split Complementary

#D3CFF7

#F7E7CF

#DFF7CF

Tetradic

#D3CFF7

#F7CFDF

#F3F7CF

#CFF7E7

Color Blindness Simulation

Original

#D3CFF7

Protanopia

#D1D1ED

Deuteranopia

#D2D2EB

Tritanopia

#D3E6E4

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E4E2F8
200
#C7C2F5
300
#9F96ED
400
#6B5DE4
500
#3724DB
600
#2C1DAF
700
#23178C
800
#1B126D
900
#181150
950
#0F0B32

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

14.04:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026