#FC8F99

#FC8F99

Color Values

HEX

#FC8F99

RGB

252, 143, 153

HSL

354.5, 94.8%, 77.5%

HSV

354.5, 43.3%, 98.8%

CMYK

0.0%, 43.3%, 39.3%, 1.2%

OKLCH

0.7689 0.1319 14.8

Properties

Warm Light Nearest: Salmon

Color Harmonies

Complementary

#FC8F99

#8FFCF2

Analogous

#FC8FD0

#FCBC8F

#FC8F99

Triadic

#FC8F99

#99FC8F

#8F99FC

Split Complementary

#FC8F99

#8FFCBC

#8FD0FC

Tetradic

#FC8F99

#D0FC8F

#8FFCF2

#BC8FFC

Color Blindness Simulation

Original

#FC8F99

Protanopia

#CDCC97

Deuteranopia

#D3DB96

Tritanopia

#F79594

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#FEF1F2
100
#FCDFE1
200
#FDB9C0
300
#FC8892
400
#FA4758
500
#F8071D
600
#C70517
700
#9F0412
800
#7C030E
900
#5A070F
950
#390409

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

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