#F74AC4

#F74AC4

Color Values

HEX

#F74AC4

RGB

247, 74, 196

HSL

317.7, 91.5%, 62.9%

HSV

317.7, 70.0%, 96.9%

CMYK

0.0%, 70.0%, 20.6%, 3.1%

OKLCH

0.691 0.2397 342.1

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F74AC4

#4AF77D

Analogous

#D34AF7

#F74A6D

#F74AC4

Triadic

#F74AC4

#C4F74A

#4AC4F7

Split Complementary

#F74AC4

#6DF74A

#4AF7D3

Tetradic

#F74AC4

#F7D34A

#4AF77D

#4A6DF7

Color Blindness Simulation

Original

#F74AC4

Protanopia

#ACABA7

Deuteranopia

#B6C39F

Tritanopia

#EE8F8A

Achromatopsia

#787878

CSS Usage

background-color: #F74AC4;
color: #F74AC4;
border-color: #F74AC4;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FDF1FA
100
#FBDFF3
200
#FCBBE9
300
#FA8AD9
400
#F74AC4
500
#F40BAF
600
#C3098C
700
#9C0770
800
#7A0558
900
#580941
950
#380529

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

6.73:1

AA Pass AAA Fail

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