#F25097

#F25097

Color Values

HEX

#F25097

RGB

242, 80, 151

HSL

333.7, 86.2%, 63.1%

HSV

333.7, 66.9%, 94.9%

CMYK

0.0%, 66.9%, 37.6%, 5.1%

OKLCH

0.6722 0.2064 357.3

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#F25097

#50F2AB

Analogous

#F250E8

#F25A50

#F25097

Triadic

#F25097

#97F250

#5097F2

Split Complementary

#F25097

#50F25A

#50E8F2

Tetradic

#F25097

#E8F250

#50F2AB

#5A50F2

Color Blindness Simulation

Original

#F25097

Protanopia

#ACAA86

Deuteranopia

#B5C182

Tritanopia

#EA7875

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE0EC
200
#FABDD8
300
#F78DBB
400
#F24F97
500
#ED1272
600
#BE0E5B
700
#980B49
800
#770939
900
#560B2C
950
#36071C

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

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