#F64CBC

#F64CBC

Color Values

HEX

#F64CBC

RGB

246, 76, 188

HSL

320,5, 90,4%, 63,1%

HSV

320,5, 69,1%, 96,5%

CMYK

0,0%, 69,1%, 23,6%, 3,5%

OKLCH

0,688 0,232 344,5

Properties

Warm Light Nearest: maroon 2

Color Harmonies

Complementary

#F64CBC

#4CF686

Analogous

#DB4CF6

#F64C67

#F64CBC

Triadic

#F64CBC

#BCF64C

#4CBCF6

Split Complementary

#F64CBC

#67F64C

#4CF6DB

Tetradic

#F64CBC

#F6DB4C

#4CF686

#4C67F6

Color Blindness Simulation

Original

#F64CBC

Protanopia

#ACABA1

Deuteranopia

#B6C39A

Tritanopia

#EE8B87

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FDF1F9
100
#FBDFF1
200
#FCBBE6
300
#F98AD3
400
#F64BBC
500
#F30CA4
600
#C20A83
700
#9B0869
800
#790652
900
#58093D
950
#370626

Contrast Checker

Text on white

3,14:1

AA Fail AAA Fail

Text on black

6,68: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