#F43594

#F43594

Color Values

HEX

#F43594

RGB

244, 53, 148

HSL

330.2, 89.7%, 58.2%

HSV

330.2, 78.3%, 95.7%

CMYK

0.0%, 78.3%, 39.3%, 4.3%

OKLCH

0.6518 0.2349 356.1

Properties

Warm Light Nearest: violetred 1

Color Harmonies

Complementary

#F43594

#35F495

Analogous

#F435F3

#F43535

#F43594

Triadic

#F43594

#94F435

#3594F4

Split Complementary

#F43594

#35F435

#35F3F4

Tetradic

#F43594

#F3F435

#35F495

#3535F4

Color Blindness Simulation

Original

#F43594

Protanopia

#A1A07D

Deuteranopia

#ACBB78

Tritanopia

#EA6B67

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FBE0ED
200
#FBBBDB
300
#F98BC1
400
#F54CA0
500
#F20D7F
600
#C10B65
700
#9B0851
800
#79073F
900
#580930
950
#37061E

Contrast Checker

Text on white

3.63:1

AA Fail AAA Fail

Text on black

5.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