#F7A8FE

#F7A8FE

Color Values

HEX

#F7A8FE

RGB

247, 168, 254

HSL

295.1, 97.7%, 82.7%

HSV

295.1, 33.9%, 99.6%

CMYK

2.8%, 33.9%, 0.0%, 0.4%

OKLCH

0.836 0.1435 323.9

Properties

Cool Light Nearest: plum 1

Color Harmonies

Complementary

#F7A8FE

#AFFEA8

Analogous

#CCA8FE

#FEA8DA

#F7A8FE

Triadic

#F7A8FE

#FEF7A8

#A8FEF7

Split Complementary

#F7A8FE

#DAFEA8

#A8FECC

Tetradic

#F7A8FE

#FECCA8

#AFFEA8

#A8DAFE

Color Blindness Simulation

Original

#F7A8FE

Protanopia

#D5D4E9

Deuteranopia

#D9DFE4

Tritanopia

#F3D9D5

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#FDF1FE
100
#FADEFC
200
#F8B8FE
300
#F486FE
400
#EE44FD
500
#E803FC
600
#B902CA
700
#9402A1
800
#74017E
900
#54065B
950
#35043A

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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