#FE7977

#FE7977

Color Values

HEX

#FE7977

RGB

254, 121, 119

HSL

0.9, 98.5%, 73.1%

HSV

0.9, 53.1%, 99.6%

CMYK

0.0%, 52.4%, 53.1%, 0.4%

OKLCH

0.7313 0.163 22.8

Properties

Warm Light Nearest: Bittersweet

Color Harmonies

Complementary

#FE7977

#77FCFE

Analogous

#FE77B8

#FEBC77

#FE7977

Triadic

#FE7977

#77FE79

#7977FE

Split Complementary

#FE7977

#77FEBC

#77B8FE

Tetradic

#FE7977

#B8FE77

#77FCFE

#BC77FE

Color Blindness Simulation

Original

#FE7977

Protanopia

#C4C377

Deuteranopia

#CCD678

Tritanopia

#F77878

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDFDE
200
#FEB9B8
300
#FE8786
400
#FE4744
500
#FD0602
600
#CA0502
700
#A20401
800
#7F0301
900
#5B0705
950
#3A0403

Contrast Checker

Text on white

2.56:1

AA Fail AAA Fail

Text on black

8.22:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026