#F77976

#F77976

Color Values

HEX

#F77976

RGB

247, 121, 118

HSL

1.4, 89.0%, 71.6%

HSV

1.4, 52.2%, 96.9%

CMYK

0.0%, 51.0%, 52.2%, 3.1%

OKLCH

0.7215 0.1552 23.1

Properties

Warm Light Nearest: salmon

Color Harmonies

Complementary

#F77976

#76F4F7

Analogous

#F776B4

#F7BA76

#F77976

Triadic

#F77976

#76F779

#7976F7

Split Complementary

#F77976

#76F7BA

#76B4F7

Tetradic

#F77976

#B4F776

#76F4F7

#BA76F7

Color Blindness Simulation

Original

#F77976

Protanopia

#C0BF77

Deuteranopia

#C8D177

Tritanopia

#F17777

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FBE0E0
200
#FBBDBC
300
#F88E8B
400
#F5514D
500
#F1130E
600
#C10F0B
700
#9A0C09
800
#780A07
900
#570B0A
950
#370706

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

7.95:1

AA Pass AAA Pass

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