#F25086

#F25086

Color Values

HEX

#F25086

RGB

242, 80, 134

HSL

340.0, 86.2%, 63.1%

HSV

340.0, 66.9%, 94.9%

CMYK

0.0%, 66.9%, 44.6%, 5.1%

OKLCH

0.6671 0.2011 4.0

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#F25086

#50F2BC

Analogous

#F250D7

#F26B50

#F25086

Triadic

#F25086

#86F250

#5086F2

Split Complementary

#F25086

#50F26B

#50D7F2

Tetradic

#F25086

#D7F250

#50F2BC

#6B50F2

Color Blindness Simulation

Original

#F25086

Protanopia

#ACAA79

Deuteranopia

#B5C176

Tritanopia

#EA6F6C

Achromatopsia

#767676

CSS Usage

background-color: #F25086;
color: #F25086;
border-color: #F25086;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FDF2F5
100
#FAE0E9
200
#FABDD1
300
#F78DB0
400
#F24F86
500
#ED125B
600
#BE0E49
700
#980B3A
800
#77092D
900
#560B24
950
#360717

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

6.27:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026