#F43596

#F43596

Color Values

HEX

#F43596

RGB

244, 53, 150

HSL

329.5, 89.7%, 58.2%

HSV

329.5, 78.3%, 95.7%

CMYK

0.0%, 78.3%, 38.5%, 4.3%

OKLCH

0.6525 0.2357 355.4

Properties

Warm Light Nearest: Wild Strawberry

Color Harmonies

Complementary

#F43596

#35F493

Analogous

#F235F4

#F43536

#F43596

Triadic

#F43596

#96F435

#3596F4

Split Complementary

#F43596

#36F435

#35F4F2

Tetradic

#F43596

#F4F235

#35F493

#3536F4

Color Blindness Simulation

Original

#F43596

Protanopia

#A1A07F

Deuteranopia

#ACBB79

Tritanopia

#EA6C68

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FBE0ED
200
#FBBBDC
300
#F98BC3
400
#F54CA2
500
#F20D81
600
#C10B68
700
#9B0853
800
#790741
900
#580931
950
#37061F

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

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