#F64BC3

#F64BC3

Color Values

HEX

#F64BC3

RGB

246, 75, 195

HSL

317.9, 90.5%, 62.9%

HSV

317.9, 69.5%, 96.5%

CMYK

0.0%, 69.5%, 20.7%, 3.5%

OKLCH

0.69 0.2373 342.2

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F64BC3

#4BF67E

Analogous

#D34BF6

#F64B6D

#F64BC3

Triadic

#F64BC3

#C3F64B

#4BC3F6

Split Complementary

#F64BC3

#6DF64B

#4BF6D3

Tetradic

#F64BC3

#F6D34B

#4BF67E

#4B6DF6

Color Blindness Simulation

Original

#F64BC3

Protanopia

#ACAAA6

Deuteranopia

#B6C39F

Tritanopia

#ED8F8A

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FDF1FA
100
#FBDFF3
200
#FCBBE8
300
#F98AD8
400
#F64BC3
500
#F30CAE
600
#C20A8B
700
#9B086F
800
#790657
900
#580940
950
#380629

Contrast Checker

Text on white

3.13:1

AA Fail AAA Fail

Text on black

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