#FC9BA2

#FC9BA2

Color Values

HEX

#FC9BA2

RGB

252, 155, 162

HSL

355.7, 94.2%, 79.8%

HSV

355.7, 38.5%, 98.8%

CMYK

0.0%, 38.5%, 35.7%, 1.2%

OKLCH

0.7903 0.1163 15.4

Properties

Warm Light Nearest: Salmon

Color Harmonies

Complementary

#FC9BA2

#9BFCF5

Analogous

#FC9BD2

#FCC59B

#FC9BA2

Triadic

#FC9BA2

#A2FC9B

#9BA2FC

Split Complementary

#FC9BA2

#9BFCC5

#9BD2FC

Tetradic

#FC9BA2

#D2FC9B

#9BFCF5

#C59BFC

Color Blindness Simulation

Original

#FC9BA2

Protanopia

#D2D1A0

Deuteranopia

#D8DFA0

Tritanopia

#F79F9F

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#FDF1F2
100
#FBDFE1
200
#FDBABE
300
#FB8890
400
#FA4855
500
#F80719
600
#C60614
700
#9E0510
800
#7C040C
900
#5A070D
950
#390508

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

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