#F7A4ED

#F7A4ED

Color Values

HEX

#F7A4ED

RGB

247, 164, 237

HSL

307.2, 83.8%, 80.6%

HSV

307.2, 33.6%, 96.9%

CMYK

0.0%, 33.6%, 4.0%, 3.1%

OKLCH

0.823 0.1343 331.0

Properties

Warm Light Nearest: plum 2

Color Harmonies

Complementary

#F7A4ED

#A4F7AE

Analogous

#D7A4F7

#F7A4C4

#F7A4ED

Triadic

#F7A4ED

#EDF7A4

#A4EDF7

Split Complementary

#F7A4ED

#C4F7A4

#A4F7D7

Tetradic

#F7A4ED

#F7D7A4

#A4F7AE

#A4C4F7

Color Blindness Simulation

Original

#F7A4ED

Protanopia

#D3D2DB

Deuteranopia

#D8DED7

Tritanopia

#F3CDCA

Achromatopsia

#BBBBBB

CSS Usage

background-color: #F7A4ED;
color: #F7A4ED;
border-color: #F7A4ED;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FDF2FB
100
#FAE0F7
200
#F9BDF2
300
#F58FE9
400
#F052DD
500
#EA15D1
600
#BB11A7
700
#960D86
800
#750A68
900
#550C4C
950
#360830

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

11.49:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026