#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