#F44DCC

#F44DCC

Color Values

HEX

#F44DCC

RGB

244, 77, 204

HSL

314.4, 88.4%, 62.9%

HSV

314.4, 68.4%, 95.7%

CMYK

0.0%, 68.4%, 16.4%, 4.3%

OKLCH

0.6928 0.2393 339.0

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F44DCC

#4DF475

Analogous

#C94DF4

#F44D78

#F44DCC

Triadic

#F44DCC

#CCF44D

#4DCCF4

Split Complementary

#F44DCC

#78F44D

#4DF4C9

Tetradic

#F44DCC

#F4C94D

#4DF475

#4D78F4

Color Blindness Simulation

Original

#F44DCC

Protanopia

#ACAAAD

Deuteranopia

#B5C2A6

Tritanopia

#EC9590

Achromatopsia

#7A7A7A

CSS Usage

background-color: #F44DCC;
color: #F44DCC;
border-color: #F44DCC;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FDF2FA
100
#FBE0F4
200
#FBBCEC
300
#F88CDE
400
#F44DCC
500
#F00FBA
600
#C00C95
700
#9A0977
800
#78075D
900
#570A44
950
#37062B

Contrast Checker

Text on white

3.1:1

AA Fail AAA Fail

Text on black

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