#F7D8EE

#F7D8EE

Color Values

HEX

#F7D8EE

RGB

247, 216, 238

HSL

317.4, 66.0%, 90.8%

HSV

317.4, 12.6%, 96.9%

CMYK

0.0%, 12.6%, 3.6%, 3.1%

OKLCH

0.9143 0.0447 336.3

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#F7D8EE

#D8F7E1

Analogous

#F1D8F7

#F7D8DF

#F7D8EE

Triadic

#F7D8EE

#EEF7D8

#D8EEF7

Split Complementary

#F7D8EE

#DFF7D8

#D8F7F1

Tetradic

#F7D8EE

#F7F1D8

#D8F7E1

#D8DFF7

Color Blindness Simulation

Original

#F7D8EE

Protanopia

#EAE9E9

Deuteranopia

#EBEEE7

Tritanopia

#F5E4E4

Achromatopsia

#E0E0E0

CSS Usage

background-color: #F7D8EE;
color: #F7D8EE;
border-color: #F7D8EE;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#FCF3F9
100
#F7E3F1
200
#F3C4E5
300
#EA99D3
400
#DF62BB
500
#D42BA3
600
#A92382
700
#871C68
800
#6A1651
900
#4D143D
950
#310C26

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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