#F64BD0

#F64BD0

Color Values

HEX

#F64BD0

RGB

246, 75, 208

HSL

313.3, 90.5%, 62.9%

HSV

313.3, 69.5%, 96.5%

CMYK

0.0%, 69.5%, 15.4%, 3.5%

OKLCH

0.6957 0.2454 338.2

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F64BD0

#4BF671

Analogous

#C64BF6

#F64B7A

#F64BD0

Triadic

#F64BD0

#D0F64B

#4BD0F6

Split Complementary

#F64BD0

#7AF64B

#4BF6C6

Tetradic

#F64BD0

#F6C64B

#4BF671

#4B7AF6

Color Blindness Simulation

Original

#F64BD0

Protanopia

#ACAAB0

Deuteranopia

#B6C3A8

Tritanopia

#ED9691

Achromatopsia

#797979

CSS Usage

background-color: #F64BD0;
color: #F64BD0;
border-color: #F64BD0;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FDF1FB
100
#FBDFF5
200
#FCBBED
300
#F98AE1
400
#F64BD0
500
#F30CC0
600
#C20A99
700
#9B087B
800
#790660
900
#580946
950
#38062C

Contrast Checker

Text on white

3.07:1

AA Fail AAA Fail

Text on black

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