#F7E4F5

#F7E4F5

Color Values

HEX

#F7E4F5

RGB

247, 228, 245

HSL

306.3, 54.3%, 93.1%

HSV

306.3, 7.7%, 96.9%

CMYK

0.0%, 7.7%, 0.8%, 3.1%

OKLCH

0.939 0.0304 329.1

Properties

Warm Light Nearest: Piggy Pink

Color Harmonies

Complementary

#F7E4F5

#E4F7E6

Analogous

#EFE4F7

#F7E4EB

#F7E4F5

Triadic

#F7E4F5

#F5F7E4

#E4F5F7

Split Complementary

#F7E4F5

#EBF7E4

#E4F7EF

Tetradic

#F7E4F5

#F7EFE4

#E4F7E6

#E4EBF7

Color Blindness Simulation

Original

#F7E4F5

Protanopia

#EFEFF1

Deuteranopia

#F0F1F0

Tritanopia

#F6EEED

Achromatopsia

#E9E9E9

CSS Usage

background-color: #F7E4F5;
color: #F7E4F5;
border-color: #F7E4F5;
Nearest Tailwind: Pink 100 #FCE7F3

Tailwind Shades

50
#FBF4FA
100
#F5E5F4
200
#EFC8EB
300
#E3A1DC
400
#D46DC9
500
#C53AB6
600
#9D2F92
700
#7E2575
800
#621D5B
900
#481943
950
#2E102A

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

17.37:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026