#F42490

#F42490

Color Values

HEX

#F42490

RGB

244, 36, 144

HSL

328.8, 90.4%, 54.9%

HSV

328.8, 85.2%, 95.7%

CMYK

0.0%, 85.2%, 41.0%, 4.3%

OKLCH

0.6409 0.2459 356.4

Properties

Warm Light Nearest: deeppink 2

Color Harmonies

Complementary

#F42490

#24F488

Analogous

#F024F4

#F42428

#F42490

Triadic

#F42490

#90F424

#2490F4

Split Complementary

#F42490

#28F424

#24F4F0

Tetradic

#F42490

#F4F024

#24F488

#2428F4

Color Blindness Simulation

Original

#F42490

Protanopia

#9A9876

Deuteranopia

#A6B670

Tritanopia

#EA615D

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FCBBDD
300
#F98AC4
400
#F64BA4
500
#F30C84
600
#C20A6A
700
#9B0855
800
#790642
900
#580932
950
#370620

Contrast Checker

Text on white

3.82:1

AA Fail AAA Fail

Text on black

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