#F4296D

#F4296D

Color Values

HEX

#F4296D

RGB

244, 41, 109

HSL

339.9, 90.2%, 55.9%

HSV

339.9, 83.2%, 95.7%

CMYK

0.0%, 83.2%, 55.3%, 4.3%

OKLCH

0.6332 0.2335 8.7

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#F4296D

#29F4B0

Analogous

#F429D3

#F44B29

#F4296D

Triadic

#F4296D

#6DF429

#296DF4

Split Complementary

#F4296D

#29F44B

#29D3F4

Tetradic

#F4296D

#D3F429

#29F4B0

#4B29F4

Color Blindness Simulation

Original

#F4296D

Protanopia

#9C9A5D

Deuteranopia

#A8B759

Tritanopia

#EA504D

Achromatopsia

#595959

CSS Usage

background-color: #F4296D;
color: #F4296D;
border-color: #F4296D;
Nearest Tailwind: Rose 500 #F43F5E

Tailwind Shades

50
#FDF1F5
100
#FBDFE9
200
#FCBBD1
300
#F98BB0
400
#F64C85
500
#F30C5A
600
#C20A48
700
#9B0839
800
#79062D
900
#580923
950
#370616

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

5.38:1

AA Pass AAA Fail

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