#FA989F

#FA989F

Color Values

HEX

#FA989F

RGB

250, 152, 159

HSL

355.7, 90.7%, 78.8%

HSV

355.7, 39.2%, 98.0%

CMYK

0.0%, 39.2%, 36.4%, 2.0%

OKLCH

0.7823 0.1178 15.5

Properties

Warm Light Nearest: Salmon

Color Harmonies

Complementary

#FA989F

#98FAF3

Analogous

#FA98D0

#FAC298

#FA989F

Triadic

#FA989F

#9FFA98

#989FFA

Split Complementary

#FA989F

#98FAC2

#98D0FA

Tetradic

#FA989F

#D0FA98

#98FAF3

#C298FA

Color Blindness Simulation

Original

#FA989F

Protanopia

#D0CF9D

Deuteranopia

#D5DD9D

Tritanopia

#F59C9C

Achromatopsia

#ADADAD

CSS Usage

background-color: #FA989F;
color: #FA989F;
border-color: #FA989F;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FDF1F2
100
#FBDFE1
200
#FCBBC0
300
#F98A92
400
#F64B57
500
#F30C1C
600
#C30917
700
#9C0812
800
#7A060E
900
#58090F
950
#380609

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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