#F64CB0

#F64CB0

Color Values

HEX

#F64CB0

RGB

246, 76, 176

HSL

324.7, 90.4%, 63.1%

HSV

324.7, 69.1%, 96.5%

CMYK

0.0%, 69.1%, 28.5%, 3.5%

OKLCH

0.6832 0.2255 348.5

Properties

Warm Light Nearest: maroon 2

Color Harmonies

Complementary

#F64CB0

#4CF692

Analogous

#E74CF6

#F64C5B

#F64CB0

Triadic

#F64CB0

#B0F64C

#4CB0F6

Split Complementary

#F64CB0

#5BF64C

#4CF6E7

Tetradic

#F64CB0

#F6E74C

#4CF692

#4C5BF6

Color Blindness Simulation

Original

#F64CB0

Protanopia

#ACAB98

Deuteranopia

#B6C392

Tritanopia

#EE8580

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFF0
200
#FCBBE1
300
#F98ACC
400
#F64BB0
500
#F30C94
600
#C20A76
700
#9B085F
800
#79064A
900
#580937
950
#370623

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

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