#F257C2

#F257C2

Color Values

HEX

#F257C2

RGB

242, 87, 194

HSL

318.6, 85.6%, 64.5%

HSV

318.6, 64.0%, 94.9%

CMYK

0.0%, 64.0%, 19.8%, 5.1%

OKLCH

0.6952 0.2193 342.1

Properties

Warm Light Nearest: maroon 2

Color Harmonies

Complementary

#F257C2

#57F287

Analogous

#D557F2

#F25774

#F257C2

Triadic

#F257C2

#C2F257

#57C2F2

Split Complementary

#F257C2

#74F257

#57F2D5

Tetradic

#F257C2

#F2D557

#57F287

#5774F2

Color Blindness Simulation

Original

#F257C2

Protanopia

#AFAEA8

Deuteranopia

#B8C3A2

Tritanopia

#EA948F

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#FDF2F9
100
#FAE0F2
200
#FABDE7
300
#F68DD6
400
#F150BF
500
#ED12A9
600
#BD0F87
700
#970C6C
800
#760954
900
#560B3F
950
#360728

Contrast Checker

Text on white

3.04:1

AA Fail AAA Fail

Text on black

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