#F44D7C

#F44D7C

Color Values

HEX

#F44D7C

RGB

244, 77, 124

HSL

343.1, 88.4%, 62.9%

HSV

343.1, 68.4%, 95.7%

CMYK

0.0%, 68.4%, 49.2%, 4.3%

OKLCH

0.6645 0.2043 7.8

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#F44D7C

#4DF4C5

Analogous

#F44DD0

#F4714D

#F44D7C

Triadic

#F44D7C

#7CF44D

#4D7CF4

Split Complementary

#F44D7C

#4DF471

#4DD0F4

Tetradic

#F44D7C

#D0F44D

#4DF4C5

#714DF4

Color Blindness Simulation

Original

#F44D7C

Protanopia

#ACAA71

Deuteranopia

#B5C26E

Tritanopia

#EC6866

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FDF2F5
100
#FBE0E7
200
#FBBCCE
300
#F88CAA
400
#F44D7C
500
#F00F4E
600
#C00C3F
700
#9A0932
800
#780727
900
#570A20
950
#370614

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

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