#F076FA

#F076FA

Color Values

HEX

#F076FA

RGB

240, 118, 250

HSL

295.5, 93.0%, 72.2%

HSV

295.5, 52.8%, 98.0%

CMYK

4.0%, 52.8%, 0.0%, 2.0%

OKLCH

0.7539 0.2166 324.5

Properties

Cool Light Nearest: Shocking Pink

Color Harmonies

Complementary

#F076FA

#80FA76

Analogous

#AE76FA

#FA76C2

#F076FA

Triadic

#F076FA

#FAF076

#76FAF0

Split Complementary

#F076FA

#C2FA76

#76FAAE

Tetradic

#F076FA

#FAAE76

#80FA76

#76C2FA

Color Blindness Simulation

Original

#F076FA

Protanopia

#BBBADA

Deuteranopia

#C2CBD2

Tritanopia

#EAC1BB

Achromatopsia

#999999

CSS Usage

background-color: #F076FA;
color: #F076FA;
border-color: #F076FA;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FCF1FD
100
#F9DFFB
200
#F8BAFD
300
#F289FB
400
#EB49F8
500
#E409F6
600
#B707C5
700
#92069D
800
#72047B
900
#530859
950
#340538

Contrast Checker

Text on white

2.42:1

AA Fail AAA Fail

Text on black

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