#FD7880

#FD7880

Color Values

HEX

#FD7880

RGB

253, 120, 128

HSL

356,4, 97,1%, 73,1%

HSV

356,4, 52,6%, 99,2%

CMYK

0,0%, 52,6%, 49,4%, 0,8%

OKLCH

0,7304 0,1624 18,3

Properties

Warm Light Nearest: Wild Watermelon

Color Harmonies

Complementary

#FD7880

#78FDF5

Analogous

#FD78C2

#FDB278

#FD7880

Triadic

#FD7880

#80FD78

#7880FD

Split Complementary

#FD7880

#78FDB2

#78C2FD

Tetradic

#FD7880

#C2FD78

#78FDF5

#B278FD

Color Blindness Simulation

Original

#FD7880

Protanopia

#C3C27E

Deuteranopia

#CBD57E

Tritanopia

#F67D7C

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#FEF1F2
100
#FCDEE0
200
#FEB9BD
300
#FD868E
400
#FC4550
500
#FB0413
600
#C9030F
700
#A1020C
800
#7E0209
900
#5B060B
950
#390407

Contrast Checker

Text on white

2,57:1

AA Fail AAA Fail

Text on black

8,17: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