#F64BEF

#F64BEF

Color Values

HEX

#F64BEF

RGB

246, 75, 239

HSL

302.5, 90.5%, 62.9%

HSV

302.5, 69.5%, 96.5%

CMYK

0.0%, 69.5%, 2.8%, 3.5%

OKLCH

0.7108 0.2667 329.7

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#F64BEF

#4BF652

Analogous

#A84BF6

#F64B99

#F64BEF

Triadic

#F64BEF

#EFF64B

#4BEFF6

Split Complementary

#F64BEF

#99F64B

#4BF6A8

Tetradic

#F64BEF

#F6A84B

#4BF652

#4B99F6

Color Blindness Simulation

Original

#F64BEF

Protanopia

#ACAAC7

Deuteranopia

#B6C3BE

Tritanopia

#EDA8A1

Achromatopsia

#7B7B7B

CSS Usage

background-color: #F64BEF;
color: #F64BEF;
border-color: #F64BEF;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FDF1FD
100
#FBDFFA
200
#FCBBF9
300
#F98AF5
400
#F64BEF
500
#F30CE9
600
#C20ABB
700
#9B0895
800
#790675
900
#580955
950
#380635

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

7.17:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026