#F74BC4

#F74BC4

Color Values

HEX

#F74BC4

RGB

247, 75, 196

HSL

317.8, 91.5%, 63.1%

HSV

317.8, 69.6%, 96.9%

CMYK

0.0%, 69.6%, 20.6%, 3.1%

OKLCH

0.6919 0.2385 342.1

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F74BC4

#4BF77E

Analogous

#D44BF7

#F74B6E

#F74BC4

Triadic

#F74BC4

#C4F74B

#4BC4F7

Split Complementary

#F74BC4

#6EF74B

#4BF7D4

Tetradic

#F74BC4

#F7D44B

#4BF77E

#4B6EF7

Color Blindness Simulation

Original

#F74BC4

Protanopia

#ACABA7

Deuteranopia

#B6C3A0

Tritanopia

#EE908B

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

3.11:1

AA Fail AAA Fail

Text on black

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