#FD887C

#FD887C

Color Values

HEX

#FD887C

RGB

253, 136, 124

HSL

5,6, 97,0%, 73,9%

HSV

5,6, 51,0%, 99,2%

CMYK

0,0%, 46,2%, 51,0%, 0,8%

OKLCH

0,7529 0,1442 27,1

Properties

Warm Light Nearest: salmon

Color Harmonies

Complementary

#FD887C

#7CF1FD

Analogous

#FD7CB0

#FDC87C

#FD887C

Triadic

#FD887C

#7CFD88

#887CFD

Split Complementary

#FD887C

#7CFDC8

#7CB0FD

Tetradic

#FD887C

#B0FD7C

#7CF1FD

#C87CFD

Color Blindness Simulation

Original

#FD887C

Protanopia

#CAC97F

Deuteranopia

#D1DA80

Tritanopia

#F78182

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#FEF2F1
100
#FCE1DE
200
#FEBFB9
300
#FD9286
400
#FC5645
500
#FB1B04
600
#C91603
700
#A11102
800
#7E0D02
900
#5B0E06
950
#390904

Contrast Checker

Text on white

2,34:1

AA Fail AAA Fail

Text on black

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