#F26451

#F26451

Color Values

HEX

#F26451

RGB

242, 100, 81

HSL

7.1, 86.1%, 63.3%

HSV

7.1, 66.5%, 94.9%

CMYK

0.0%, 58.7%, 66.5%, 5.1%

OKLCH

0.6792 0.1787 30.0

Properties

Warm Light Nearest: coral 2

Color Harmonies

Complementary

#F26451

#51DFF2

Analogous

#F2518E

#F2B451

#F26451

Triadic

#F26451

#51F264

#6451F2

Split Complementary

#F26451

#51F2B4

#518EF2

Tetradic

#F26451

#8EF251

#51DFF2

#B451F2

Color Blindness Simulation

Original

#F26451

Protanopia

#B4B356

Deuteranopia

#BDC757

Tritanopia

#EB595A

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FAE3E0
200
#FAC4BD
300
#F69A8D
400
#F2634F
500
#ED2C12
600
#BE230E
700
#981C0B
800
#771609
900
#56140B
950
#360C07

Contrast Checker

Text on white

3.13:1

AA Fail AAA Fail

Text on black

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