#F26760

#F26760

Color Values

HEX

#F26760

RGB

242, 103, 96

HSL

2.9, 84.9%, 66.3%

HSV

2.9, 60.3%, 94.9%

CMYK

0.0%, 57.4%, 60.3%, 5.1%

OKLCH

0.6854 0.1729 25.6

Properties

Warm Light Nearest: indianred 2

Color Harmonies

Complementary

#F26760

#60EBF2

Analogous

#F260A2

#F2B060

#F26760

Triadic

#F26760

#60F267

#6760F2

Split Complementary

#F26760

#60F2B0

#60A2F2

Tetradic

#F26760

#A2F260

#60EBF2

#B060F2

Color Blindness Simulation

Original

#F26760

Protanopia

#B6B562

Deuteranopia

#BEC862

Tritanopia

#EB6363

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE2E0
200
#FAC0BD
300
#F6938E
400
#F15851
500
#EC1E13
600
#BD180F
700
#97130C
800
#760F0A
900
#550F0B
950
#360907

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

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