#FA7F87

#FA7F87

Color Values

HEX

#FA7F87

RGB

250, 127, 135

HSL

356.1, 92.5%, 73.9%

HSV

356.1, 49.2%, 98.0%

CMYK

0.0%, 49.2%, 46.0%, 2.0%

OKLCH

0.7379 0.1501 17.4

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#FA7F87

#7FFAF2

Analogous

#FA7FC4

#FAB47F

#FA7F87

Triadic

#FA7F87

#87FA7F

#7F87FA

Split Complementary

#FA7F87

#7FFAB4

#7FC4FA

Tetradic

#FA7F87

#C4FA7F

#7FFAF2

#B47FFA

Color Blindness Simulation

Original

#FA7F87

Protanopia

#C5C485

Deuteranopia

#CCD585

Tritanopia

#F48483

Achromatopsia

#9A9A9A

CSS Usage

background-color: #FA7F87;
color: #FA7F87;
border-color: #FA7F87;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FDF1F2
100
#FBDFE1
200
#FCBABF
300
#FA8991
400
#F84955
500
#F50A19
600
#C40814
700
#9D0610
800
#7B050C
900
#59080D
950
#380508

Contrast Checker

Text on white

2.49:1

AA Fail AAA Fail

Text on black

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