#F25391

#F25391

Color Values

HEX

#F25391

RGB

242, 83, 145

HSL

336.6, 85.9%, 63.7%

HSV

336.6, 65.7%, 94.9%

CMYK

0.0%, 65.7%, 40.1%, 5.1%

OKLCH

0.6734 0.2007 0.1

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#F25391

#53F2B4

Analogous

#F253E0

#F26453

#F25391

Triadic

#F25391

#91F253

#5391F2

Split Complementary

#F25391

#53F264

#53E0F2

Tetradic

#F25391

#E0F253

#53F2B4

#6453F2

Color Blindness Simulation

Original

#F25391

Protanopia

#ADAC82

Deuteranopia

#B6C27E

Tritanopia

#EA7674

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#FAE0EA
200
#FABDD5
300
#F68DB6
400
#F2508F
500
#ED1267
600
#BE0E53
700
#980C42
800
#770934
900
#560B28
950
#360719

Contrast Checker

Text on white

3.27:1

AA Fail AAA Fail

Text on black

6.42:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026