#F536C0

#F536C0

Color Values

HEX

#F536C0

RGB

245, 54, 192

HSL

316.6, 90.5%, 58.6%

HSV

316.6, 78.0%, 96.1%

CMYK

0.0%, 78.0%, 21.6%, 3.9%

OKLCH

0.6712 0.2561 342.2

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F536C0

#36F56B

Analogous

#CA36F5

#F53661

#F536C0

Triadic

#F536C0

#C0F536

#36C0F5

Split Complementary

#F536C0

#61F536

#36F5CA

Tetradic

#F536C0

#F5CA36

#36F56B

#3661F5

Color Blindness Simulation

Original

#F536C0

Protanopia

#A2A19F

Deuteranopia

#ADBC97

Tritanopia

#EB847E

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#FDF1FA
100
#FBDFF3
200
#FCBBEA
300
#F98ADB
400
#F64BC7
500
#F30CB3
600
#C20A8F
700
#9B0873
800
#79065A
900
#580942
950
#38062A

Contrast Checker

Text on white

3.4:1

AA Fail AAA Fail

Text on black

6.17:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026