#D7CEF7

#D7CEF7

Color Values

HEX

#D7CEF7

RGB

215, 206, 247

HSL

253.2, 71.9%, 88.8%

HSV

253.2, 16.6%, 96.9%

CMYK

13.0%, 16.6%, 0.0%, 3.1%

OKLCH

0.8717 0.0568 295.3

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#D7CEF7

#EEF7CE

Analogous

#CED9F7

#EBCEF7

#D7CEF7

Triadic

#D7CEF7

#F7D7CE

#CEF7D7

Split Complementary

#D7CEF7

#F7EBCE

#D9F7CE

Tetradic

#D7CEF7

#F7CED9

#EEF7CE

#CEF7EB

Color Blindness Simulation

Original

#D7CEF7

Protanopia

#D3D3ED

Deuteranopia

#D4D4EB

Tritanopia

#D7E5E4

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F5F3FC
100
#E7E2F8
200
#CDC2F5
300
#A996EE
400
#7B5DE4
500
#4C24DB
600
#3D1DAF
700
#31178C
800
#26126E
900
#1F1150
950
#140B32

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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