#F25458

#F25458

Color Values

HEX

#F25458

RGB

242, 84, 88

HSL

358.5, 85.9%, 63.9%

HSV

358.5, 65.3%, 94.9%

CMYK

0.0%, 65.3%, 63.6%, 5.1%

OKLCH

0.6611 0.1938 22.7

Properties

Warm Light Nearest: indianred 1

Color Harmonies

Complementary

#F25458

#54F2EE

Analogous

#F254A7

#F29F54

#F25458

Triadic

#F25458

#58F254

#5458F2

Split Complementary

#F25458

#54F29F

#54A7F2

Tetradic

#F25458

#A7F254

#54F2EE

#9F54F2

Color Blindness Simulation

Original

#F25458

Protanopia

#AEAC57

Deuteranopia

#B7C357

Tritanopia

#EA5656

Achromatopsia

#767676

CSS Usage

background-color: #F25458;
color: #F25458;
border-color: #F25458;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FDF2F2
100
#FAE0E1
200
#FABDBE
300
#F68D90
400
#F25054
500
#ED1217
600
#BE0E13
700
#980C0F
800
#77090C
900
#560B0D
950
#360708

Contrast Checker

Text on white

3.4:1

AA Fail AAA Fail

Text on black

6.18:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026