#F7AFF4

#F7AFF4

Color Values

HEX

#F7AFF4

RGB

247, 175, 244

HSL

302.5, 81.8%, 82.7%

HSV

302.5, 29.1%, 96.9%

CMYK

0.0%, 29.1%, 1.2%, 3.1%

OKLCH

0.8436 0.1217 328.0

Properties

Warm Light Nearest: plum 2

Color Harmonies

Complementary

#F7AFF4

#AFF7B2

Analogous

#D6AFF7

#F7AFD0

#F7AFF4

Triadic

#F7AFF4

#F4F7AF

#AFF4F7

Split Complementary

#F7AFF4

#D0F7AF

#AFF7D6

Tetradic

#F7AFF4

#F7D6AF

#AFF7B2

#AFD0F7

Color Blindness Simulation

Original

#F7AFF4

Protanopia

#D8D7E3

Deuteranopia

#DCE1DF

Tritanopia

#F3D6D3

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FAE1F9
200
#F9BEF6
300
#F490F0
400
#EE53E7
500
#E817DF
600
#B913B2
700
#940F8F
800
#740C70
900
#540D51
950
#350833

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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