#F44D71

#F44D71

Color Values

HEX

#F44D71

RGB

244, 77, 113

HSL

347.1, 88.4%, 62.9%

HSV

347.1, 68.4%, 95.7%

CMYK

0.0%, 68.4%, 53.7%, 4.3%

OKLCH

0.6619 0.2028 12.0

Properties

Warm Light Nearest: Radical Red

Color Harmonies

Complementary

#F44D71

#4DF4D0

Analogous

#F44DC4

#F47C4D

#F44D71

Triadic

#F44D71

#71F44D

#4D71F4

Split Complementary

#F44D71

#4DF47C

#4DC4F4

Tetradic

#F44D71

#C4F44D

#4DF4D0

#7C4DF4

Color Blindness Simulation

Original

#F44D71

Protanopia

#ACAA68

Deuteranopia

#B5C266

Tritanopia

#EC6160

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#FDF2F4
100
#FBE0E6
200
#FBBCC9
300
#F88CA3
400
#F44D71
500
#F00F3F
600
#C00C33
700
#9A0928
800
#780720
900
#570A1A
950
#370611

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

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