#F7D6FD

#F7D6FD

Color Values

HEX

#F7D6FD

RGB

247, 214, 253

HSL

290.8, 90.7%, 91.6%

HSV

290.8, 15.4%, 99.2%

CMYK

2.4%, 15.4%, 0.0%, 0.8%

OKLCH

0.9154 0.0629 321.1

Properties

Cool Light Nearest: thistle 1

Color Harmonies

Complementary

#F7D6FD

#DCFDD6

Analogous

#E4D6FD

#FDD6F0

#F7D6FD

Triadic

#F7D6FD

#FDF7D6

#D6FDF7

Split Complementary

#F7D6FD

#F0FDD6

#D6FDE4

Tetradic

#F7D6FD

#FDE4D6

#DCFDD6

#D6F0FD

Color Blindness Simulation

Original

#F7D6FD

Protanopia

#E9E8F4

Deuteranopia

#EBEDF1

Tritanopia

#F5ECEA

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#FBF1FD
100
#F7DFFB
200
#F2BBFC
300
#E88AF9
400
#DC4BF6
500
#D00CF3
600
#A609C3
700
#85089C
800
#68067A
900
#4C0958
950
#300638

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

15.99:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026