#F974F0

#F974F0

Color Values

HEX

#F974F0

RGB

249, 116, 240

HSL

304.1, 91.7%, 71.6%

HSV

304.1, 53.4%, 97.6%

CMYK

0.0%, 53.4%, 3.6%, 2.4%

OKLCH

0.7577 0.2162 330.1

Properties

Warm Light Nearest: Shocking Pink

Color Harmonies

Complementary

#F974F0

#74F97D

Analogous

#C074F9

#F974AE

#F974F0

Triadic

#F974F0

#F0F974

#74F0F9

Split Complementary

#F974F0

#AEF974

#74F9C0

Tetradic

#F974F0

#F9C074

#74F97D

#74AEF9

Color Blindness Simulation

Original

#F974F0

Protanopia

#BFBED2

Deuteranopia

#C7D1CB

Tritanopia

#F2BAB5

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF9
200
#FCBBF8
300
#FA8AF2
400
#F74AEB
500
#F40BE4
600
#C408B7
700
#9C0792
800
#7A0572
900
#580853
950
#380534

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

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