#F76160

#F76160

Color Values

HEX

#F76160

RGB

247, 97, 96

HSL

0.4, 90.4%, 67.3%

HSV

0.4, 61.1%, 96.9%

CMYK

0.0%, 60.7%, 61.1%, 3.1%

OKLCH

0.6853 0.1847 23.7

Properties

Warm Light Nearest: indianred 1

Color Harmonies

Complementary

#F76160

#60F6F7

Analogous

#F760AB

#F7AD60

#F76160

Triadic

#F76160

#60F761

#6160F7

Split Complementary

#F76160

#60F7AD

#60ABF7

Tetradic

#F76160

#ABF760

#60F6F7

#AD60F7

Color Blindness Simulation

Original

#F76160

Protanopia

#B6B560

Deuteranopia

#BFCA60

Tritanopia

#EF6060

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#FDF2F1
100
#FBE0DF
200
#FCBBBB
300
#F98B8A
400
#F64C4B
500
#F30E0C
600
#C20B0A
700
#9B0908
800
#790706
900
#580A09
950
#370606

Contrast Checker

Text on white

3.07:1

AA Fail AAA Fail

Text on black

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