#F25774

#F25774

Color Values

HEX

#F25774

RGB

242, 87, 116

HSL

348.8, 85.6%, 64.5%

HSV

348.8, 64.0%, 94.9%

CMYK

0.0%, 64.0%, 52.1%, 5.1%

OKLCH

0.67 0.1901 12.7

Properties

Warm Light Nearest: Wild Watermelon

Color Harmonies

Complementary

#F25774

#57F2D5

Analogous

#F257C1

#F28857

#F25774

Triadic

#F25774

#74F257

#5774F2

Split Complementary

#F25774

#57F288

#57C1F2

Tetradic

#F25774

#C1F257

#57F2D5

#8857F2

Color Blindness Simulation

Original

#F25774

Protanopia

#AFAE6D

Deuteranopia

#B8C36B

Tritanopia

#EA6766

Achromatopsia

#7A7A7A

CSS Usage

background-color: #F25774;
color: #F25774;
border-color: #F25774;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FDF2F4
100
#FAE0E5
200
#FABDC8
300
#F68DA1
400
#F1506E
500
#ED123B
600
#BD0F2F
700
#970C26
800
#76091E
900
#560B19
950
#360710

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

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