#F74AF1

#F74AF1

Color Values

HEX

#F74AF1

RGB

247, 74, 241

HSL

302.1, 91.5%, 62.9%

HSV

302.1, 70.0%, 96.9%

CMYK

0.0%, 70.0%, 2.4%, 3.1%

OKLCH

0.7125 0.2697 329.5

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#F74AF1

#4AF750

Analogous

#A64AF7

#F74A9A

#F74AF1

Triadic

#F74AF1

#F1F74A

#4AF1F7

Split Complementary

#F74AF1

#9AF74A

#4AF7A6

Tetradic

#F74AF1

#F7A64A

#4AF750

#4A9AF7

Color Blindness Simulation

Original

#F74AF1

Protanopia

#ACABC9

Deuteranopia

#B6C3BF

Tritanopia

#EEA9A2

Achromatopsia

#7B7B7B

CSS Usage

background-color: #F74AF1;
color: #F74AF1;
border-color: #F74AF1;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FDF1FD
100
#FBDFFA
200
#FCBBFA
300
#FA8AF6
400
#F74AF1
500
#F40BEC
600
#C309BD
700
#9C0797
800
#7A0576
900
#580956
950
#380536

Contrast Checker

Text on white

2.91:1

AA Fail AAA Fail

Text on black

7.2:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026