#F44D94

#F44D94

Color Values

HEX

#F44D94

RGB

244, 77, 148

HSL

334.5, 88.4%, 62.9%

HSV

334.5, 68.4%, 95.7%

CMYK

0.0%, 68.4%, 39.3%, 4.3%

OKLCH

0.6714 0.2106 358.5

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#F44D94

#4DF4AD

Analogous

#F44DE7

#F4594D

#F44D94

Triadic

#F44D94

#94F44D

#4D94F4

Split Complementary

#F44D94

#4DF459

#4DE7F4

Tetradic

#F44D94

#E7F44D

#4DF4AD

#594DF4

Color Blindness Simulation

Original

#F44D94

Protanopia

#ACAA83

Deuteranopia

#B5C27F

Tritanopia

#EC7572

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#FBE0EB
200
#FBBCD7
300
#F88CBA
400
#F44D94
500
#F00F6F
600
#C00C58
700
#9A0947
800
#780737
900
#570A2B
950
#37061B

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

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