#F44DB0

#F44DB0

Color Values

HEX

#F44DB0

RGB

244, 77, 176

HSL

324.4, 88.4%, 62.9%

HSV

324.4, 68.4%, 95.7%

CMYK

0.0%, 68.4%, 27.9%, 4.3%

OKLCH

0.6811 0.2229 348.2

Properties

Warm Light Nearest: maroon 2

Color Harmonies

Complementary

#F44DB0

#4DF491

Analogous

#E44DF4

#F44D5C

#F44DB0

Triadic

#F44DB0

#B0F44D

#4DB0F4

Split Complementary

#F44DB0

#5CF44D

#4DF4E4

Tetradic

#F44DB0

#F4E44D

#4DF491

#4D5CF4

Color Blindness Simulation

Original

#F44DB0

Protanopia

#ACAA98

Deuteranopia

#B5C292

Tritanopia

#EC8581

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FBE0F0
200
#FBBCE1
300
#F88CCC
400
#F44DB0
500
#F00F95
600
#C00C77
700
#9A095F
800
#78074A
900
#570A38
950
#370623

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

6.54:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026