#F52372

#F52372

Color Values

HEX

#F52372

RGB

245, 35, 114

HSL

337.4, 91.3%, 54.9%

HSV

337.4, 85.7%, 96.1%

CMYK

0.0%, 85.7%, 53.5%, 3.9%

OKLCH

0.6332 0.2387 6.7

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#F52372

#23F5A6

Analogous

#F523DB

#F53D23

#F52372

Triadic

#F52372

#72F523

#2372F5

Split Complementary

#F52372

#23F53D

#23DBF5

Tetradic

#F52372

#DBF523

#23F5A6

#3D23F5

Color Blindness Simulation

Original

#F52372

Protanopia

#9A985F

Deuteranopia

#A6B65A

Tritanopia

#EA504C

Achromatopsia

#555555

CSS Usage

background-color: #F52372;
color: #F52372;
border-color: #F52372;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FDF1F6
100
#FBDFEA
200
#FCBBD3
300
#FA8AB4
400
#F74B8B
500
#F40B63
600
#C3094F
700
#9C073F
800
#7A0631
900
#580927
950
#380518

Contrast Checker

Text on white

3.91:1

AA Fail AAA Fail

Text on black

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