#FD9C87

#FD9C87

Color Values

HEX

#FD9C87

RGB

253, 156, 135

HSL

10.7, 96.7%, 76.1%

HSV

10.7, 46.6%, 99.2%

CMYK

0.0%, 38.3%, 46.6%, 0.8%

OKLCH

0.7871 0.1207 33.0

Properties

Warm Light Nearest: darksalmon

Color Harmonies

Complementary

#FD9C87

#87E8FD

Analogous

#FD87AD

#FDD787

#FD9C87

Triadic

#FD9C87

#87FD9C

#9C87FD

Split Complementary

#FD9C87

#87FDD7

#87ADFD

Tetradic

#FD9C87

#ADFD87

#87E8FD

#D787FD

Color Blindness Simulation

Original

#FD9C87

Protanopia

#D3D28C

Deuteranopia

#D9E08D

Tritanopia

#F89091

Achromatopsia

#AFAFAF

CSS Usage

background-color: #FD9C87;
color: #FD9C87;
border-color: #FD9C87;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FEF3F1
100
#FCE4DE
200
#FEC5B9
300
#FD9C87
400
#FC6645
500
#FB3004
600
#C92703
700
#A11F03
800
#7D1802
900
#5B1506
950
#390D04

Contrast Checker

Text on white

2.04:1

AA Fail AAA Fail

Text on black

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