#F26457

#F26457

Color Values

HEX

#F26457

RGB

242, 100, 87

HSL

5.0, 85.6%, 64.5%

HSV

5.0, 64.0%, 94.9%

CMYK

0.0%, 58.7%, 64.0%, 5.1%

OKLCH

0.6801 0.1775 27.9

Properties

Warm Light Nearest: coral 2

Color Harmonies

Complementary

#F26457

#57E5F2

Analogous

#F25798

#F2B157

#F26457

Triadic

#F26457

#57F264

#6457F2

Split Complementary

#F26457

#57F2B1

#5798F2

Tetradic

#F26457

#98F257

#57E5F2

#B157F2

Color Blindness Simulation

Original

#F26457

Protanopia

#B4B35A

Deuteranopia

#BDC75B

Tritanopia

#EB5D5D

Achromatopsia

#818181

CSS Usage

background-color: #F26457;
color: #F26457;
border-color: #F26457;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FDF3F2
100
#FAE2E0
200
#FAC2BD
300
#F6968D
400
#F15D50
500
#ED2512
600
#BD1D0F
700
#97170C
800
#761209
900
#56110B
950
#360B07

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

6.74:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026