#FF987A

#FF987A

Color Values

HEX

#FF987A

RGB

255, 152, 122

HSL

13.5, 100.0%, 73.9%

HSV

13.5, 52.2%, 100.0%

CMYK

0.0%, 40.4%, 52.2%, 0.0%

OKLCH

0.7804 0.1312 37.0

Properties

Warm Light Nearest: lightsalmon

Color Harmonies

Complementary

#FF987A

#7AE1FF

Analogous

#FF7A9E

#FFDA7A

#FF987A

Triadic

#FF987A

#7AFF98

#987AFF

Split Complementary

#FF987A

#7AFFDA

#7A9EFF

Tetradic

#FF987A

#9EFF7A

#7AE1FF

#DA7AFF

Color Blindness Simulation

Original

#FF987A

Protanopia

#D2D281

Deuteranopia

#D8E083

Tritanopia

#FA8788

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE5DE
200
#FFC8B8
300
#FFA085
400
#FF6D42
500
#FF3900
600
#CC2E00
700
#A32500
800
#801D00
900
#5C1805
950
#3A0F03

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

10.02:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026