#FD7E76

#FD7E76

Color Values

HEX

#FD7E76

RGB

253, 126, 118

HSL

3.6, 97.1%, 72.7%

HSV

3.6, 53.4%, 99.2%

CMYK

0.0%, 50.2%, 53.4%, 0.8%

OKLCH

0.7368 0.1564 25.3

Properties

Warm Light Nearest: salmon

Color Harmonies

Complementary

#FD7E76

#76F5FD

Analogous

#FD76B1

#FDC176

#FD7E76

Triadic

#FD7E76

#76FD7E

#7E76FD

Split Complementary

#FD7E76

#76FDC1

#76B1FD

Tetradic

#FD7E76

#B1FD76

#76F5FD

#C176FD

Color Blindness Simulation

Original

#FD7E76

Protanopia

#C6C578

Deuteranopia

#CDD778

Tritanopia

#F7797A

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#FEF2F1
100
#FCE0DE
200
#FEBDB9
300
#FD8E86
400
#FC5045
500
#FB1304
600
#C90F03
700
#A10C02
800
#7E0902
900
#5B0B06
950
#390704

Contrast Checker

Text on white

2.49:1

AA Fail AAA Fail

Text on black

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