#F64BC4

#F64BC4

Color Values

HEX

#F64BC4

RGB

246, 75, 196

HSL

317.5, 90.5%, 62.9%

HSV

317.5, 69.5%, 96.5%

CMYK

0.0%, 69.5%, 20.3%, 3.5%

OKLCH

0.6904 0.2379 341.9

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F64BC4

#4BF67D

Analogous

#D24BF6

#F64B6E

#F64BC4

Triadic

#F64BC4

#C4F64B

#4BC4F6

Split Complementary

#F64BC4

#6EF64B

#4BF6D2

Tetradic

#F64BC4

#F6D24B

#4BF67D

#4B6EF6

Color Blindness Simulation

Original

#F64BC4

Protanopia

#ACAAA7

Deuteranopia

#B6C3A0

Tritanopia

#ED908B

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FDF1FA
100
#FBDFF3
200
#FCBBE9
300
#F98AD9
400
#F64BC4
500
#F30CB0
600
#C20A8C
700
#9B0870
800
#790658
900
#580941
950
#380629

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

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