#F75393

#F75393

Color Values

HEX

#F75393

RGB

247, 83, 147

HSL

336.6, 91.1%, 64.7%

HSV

336.6, 66.4%, 96.9%

CMYK

0.0%, 66.4%, 40.5%, 3.1%

OKLCH

0.6816 0.2058 0.2

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#F75393

#53F7B7

Analogous

#F753E5

#F76553

#F75393

Triadic

#F75393

#93F753

#5393F7

Split Complementary

#F75393

#53F765

#53E5F7

Tetradic

#F75393

#E5F753

#53F7B7

#6553F7

Color Blindness Simulation

Original

#F75393

Protanopia

#B0AF84

Deuteranopia

#BAC680

Tritanopia

#EF7775

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FDF1F6
100
#FBDFEA
200
#FCBBD4
300
#FA8AB6
400
#F74B8E
500
#F40B66
600
#C30952
700
#9C0741
800
#7A0633
900
#580928
950
#380619

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

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