#F93299

#F93299

Color Values

HEX

#F93299

RGB

249, 50, 153

HSL

328.9, 94.3%, 58.6%

HSV

328.9, 79.9%, 97.6%

CMYK

0.0%, 79.9%, 38.6%, 2.4%

OKLCH

0.6597 0.2428 355.2

Properties

Warm Light Nearest: Wild Strawberry

Color Harmonies

Complementary

#F93299

#32F992

Analogous

#F532F9

#F93236

#F93299

Triadic

#F93299

#99F932

#3299F9

Split Complementary

#F93299

#36F932

#32F9F5

Tetradic

#F93299

#F9F532

#32F992

#3236F9

Color Blindness Simulation

Original

#F93299

Protanopia

#A3A180

Deuteranopia

#AEBD7A

Tritanopia

#EF6C68

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FDBADD
300
#FC88C4
400
#FA48A4
500
#F80784
600
#C6066A
700
#9F0554
800
#7C0442
900
#5A0732
950
#390520

Contrast Checker

Text on white

3.53:1

AA Fail AAA Fail

Text on black

5.94:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026