#F03F93

#F03F93

Color Values

HEX

#F03F93

RGB

240, 63, 147

HSL

331.5, 85.5%, 59.4%

HSV

331.5, 73.8%, 94.1%

CMYK

0.0%, 73.8%, 38.8%, 5.9%

OKLCH

0.6524 0.2223 356.5

Properties

Warm Light Nearest: violetred 2

Color Harmonies

Complementary

#F03F93

#3FF09C

Analogous

#F03FEC

#F0433F

#F03F93

Triadic

#F03F93

#93F03F

#3F93F0

Split Complementary

#F03F93

#3FF043

#3FECF0

Tetradic

#F03F93

#ECF03F

#3FF09C

#433FF0

Color Blindness Simulation

Original

#F03F93

Protanopia

#A3A27F

Deuteranopia

#AEBB7A

Tritanopia

#E76F6B

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE0ED
200
#FABDDA
300
#F68DBF
400
#F1509D
500
#ED127A
600
#BD0F62
700
#970C4E
800
#76093D
900
#560B2F
950
#36071D

Contrast Checker

Text on white

3.6:1

AA Fail AAA Fail

Text on black

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