#F64BC7

#F64BC7

Color Values

HEX

#F64BC7

RGB

246, 75, 199

HSL

316.5, 90.5%, 62.9%

HSV

316.5, 69.5%, 96.5%

CMYK

0.0%, 69.5%, 19.1%, 3.5%

OKLCH

0.6917 0.2397 340.9

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F64BC7

#4BF67A

Analogous

#CF4BF6

#F64B71

#F64BC7

Triadic

#F64BC7

#C7F64B

#4BC7F6

Split Complementary

#F64BC7

#71F64B

#4BF6CF

Tetradic

#F64BC7

#F6CF4B

#4BF67A

#4B71F6

Color Blindness Simulation

Original

#F64BC7

Protanopia

#ACAAA9

Deuteranopia

#B6C3A2

Tritanopia

#ED918C

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

3.11:1

AA Fail AAA Fail

Text on black

6.75:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026