#F44E7F

#F44E7F

Color Values

HEX

#F44E7F

RGB

244, 78, 127

HSL

342.3, 88.3%, 63.1%

HSV

342.3, 68.0%, 95.7%

CMYK

0.0%, 68.0%, 48.0%, 4.3%

OKLCH

0.6663 0.2037 6.8

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#F44E7F

#4EF4C3

Analogous

#F44ED2

#F4704E

#F44E7F

Triadic

#F44E7F

#7FF44E

#4E7FF4

Split Complementary

#F44E7F

#4EF470

#4ED2F4

Tetradic

#F44E7F

#D2F44E

#4EF4C3

#704EF4

Color Blindness Simulation

Original

#F44E7F

Protanopia

#ACAB73

Deuteranopia

#B6C270

Tritanopia

#EC6A68

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FDF2F5
100
#FBE0E8
200
#FBBCCE
300
#F88CAC
400
#F44D7E
500
#F00F51
600
#C00C41
700
#9A0A34
800
#780729
900
#570A21
950
#370615

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

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