#F44AE2

#F44AE2

Color Values

HEX

#F44AE2

RGB

244, 74, 226

HSL

306.4, 88.5%, 62.4%

HSV

306.4, 69.7%, 95.7%

CMYK

0.0%, 69.7%, 7.4%, 4.3%

OKLCH

0.7006 0.2575 332.6

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#F44AE2

#4AF45C

Analogous

#B14AF4

#F44A8D

#F44AE2

Triadic

#F44AE2

#E2F44A

#4AE2F4

Split Complementary

#F44AE2

#8DF44A

#4AF4B1

Tetradic

#F44AE2

#F4B14A

#4AF45C

#4A8DF4

Color Blindness Simulation

Original

#F44AE2

Protanopia

#AAA9BD

Deuteranopia

#B4C1B4

Tritanopia

#EBA09A

Achromatopsia

#797979

CSS Usage

background-color: #F44AE2;
color: #F44AE2;
border-color: #F44AE2;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FDF2FC
100
#FBE0F8
200
#FBBCF4
300
#F88CEC
400
#F44DE2
500
#F00FD8
600
#C00CAD
700
#9A098A
800
#78076C
900
#570A4F
950
#370632

Contrast Checker

Text on white

3.03:1

AA Fail AAA Fail

Text on black

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