#F4296F

#F4296F

Color Values

HEX

#F4296F

RGB

244, 41, 111

HSL

339.3, 90.2%, 55.9%

HSV

339.3, 83.2%, 95.7%

CMYK

0.0%, 83.2%, 54.5%, 4.3%

OKLCH

0.6337 0.2338 8.0

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#F4296F

#29F4AE

Analogous

#F429D5

#F44929

#F4296F

Triadic

#F4296F

#6FF429

#296FF4

Split Complementary

#F4296F

#29F449

#29D5F4

Tetradic

#F4296F

#D5F429

#29F4AE

#4929F4

Color Blindness Simulation

Original

#F4296F

Protanopia

#9C9A5E

Deuteranopia

#A8B75A

Tritanopia

#EA514E

Achromatopsia

#595959

CSS Usage

background-color: #F4296F;
color: #F4296F;
border-color: #F4296F;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FDF1F6
100
#FBDFE9
200
#FCBBD1
300
#F98BB1
400
#F64C86
500
#F30C5C
600
#C20A49
700
#9B083B
800
#79062E
900
#580924
950
#370617

Contrast Checker

Text on white

3.89:1

AA Fail AAA Fail

Text on black

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