#F7DCFC

#F7DCFC

Color Values

HEX

#F7DCFC

RGB

247, 220, 252

HSL

290.6, 84.2%, 92.5%

HSV

290.6, 12.7%, 98.8%

CMYK

2.0%, 12.7%, 0.0%, 1.2%

OKLCH

0.9261 0.0515 321.0

Properties

Cool Light Nearest: thistle 1

Color Harmonies

Complementary

#F7DCFC

#E1FCDC

Analogous

#E7DCFC

#FCDCF1

#F7DCFC

Triadic

#F7DCFC

#FCF7DC

#DCFCF7

Split Complementary

#F7DCFC

#F1FCDC

#DCFCE7

Tetradic

#F7DCFC

#FCE7DC

#E1FCDC

#DCF1FC

Color Blindness Simulation

Original

#F7DCFC

Protanopia

#EBEBF4

Deuteranopia

#EDEFF2

Tritanopia

#F6EEED

Achromatopsia

#E4E4E4

CSS Usage

background-color: #F7DCFC;
color: #F7DCFC;
border-color: #F7DCFC;
Nearest Tailwind: Purple 200 #E9D5FF

Tailwind Shades

50
#FBF2FD
100
#F6E0FA
200
#F0BDF9
300
#E58EF5
400
#D751F0
500
#C914EB
600
#A110BC
700
#810D96
800
#650A75
900
#4A0C55
950
#2F0736

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

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