#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026