#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026