#F25455

#F25455

Color Values

HEX

#F25455

RGB

242, 84, 85

HSL

359.6, 85.9%, 63.9%

HSV

359.6, 65.3%, 94.9%

CMYK

0.0%, 65.3%, 64.9%, 5.1%

OKLCH

0.6606 0.1941 23.8

Properties

Warm Light Nearest: Sunset Orange

Color Harmonies

Complementary

#F25455

#54F2F1

Analogous

#F254A4

#F2A254

#F25455

Triadic

#F25455

#55F254

#5455F2

Split Complementary

#F25455

#54F2A2

#54A4F2

Tetradic

#F25455

#A4F254

#54F2F1

#A254F2

Color Blindness Simulation

Original

#F25455

Protanopia

#AEAC55

Deuteranopia

#B7C355

Tritanopia

#EA5555

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE0E0
200
#FABDBD
300
#F68D8E
400
#F25051
500
#ED1213
600
#BE0E10
700
#980C0C
800
#77090A
900
#560B0B
950
#360707

Contrast Checker

Text on white

3.4:1

AA Fail AAA Fail

Text on black

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