#F94895

#F94895

Color Values

HEX

#F94895

RGB

249, 72, 149

HSL

333.9, 93.7%, 62.9%

HSV

333.9, 71.1%, 97.6%

CMYK

0.0%, 71.1%, 40.2%, 2.4%

OKLCH

0.6749 0.2207 358.4

Properties

Warm Light Nearest: violetred 2

Color Harmonies

Complementary

#F94895

#48F9AC

Analogous

#F948EE

#F95348

#F94895

Triadic

#F94895

#95F948

#4895F9

Split Complementary

#F94895

#48F953

#48EEF9

Tetradic

#F94895

#EEF948

#48F9AC

#5348F9

Color Blindness Simulation

Original

#F94895

Protanopia

#ACAB82

Deuteranopia

#B7C47E

Tritanopia

#F07470

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFEB
200
#FDBAD7
300
#FB88BA
400
#F94895
500
#F70870
600
#C6065A
700
#9E0548
800
#7B0438
900
#59082B
950
#38051B

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

6.39:1

AA Pass AAA Fail

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026