#FC8988

#FC8988

Color Values

HEX

#FC8988

RGB

252, 137, 136

HSL

0.5, 95.1%, 76.1%

HSV

0.5, 46.0%, 98.8%

CMYK

0.0%, 45.6%, 46.0%, 1.2%

OKLCH

0.7557 0.14 21.4

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#FC8988

#88FBFC

Analogous

#FC88C1

#FCC388

#FC8988

Triadic

#FC8988

#88FC89

#8988FC

Split Complementary

#FC8988

#88FCC3

#88C1FC

Tetradic

#FC8988

#C1FC88

#88FBFC

#C388FC

Color Blindness Simulation

Original

#FC8988

Protanopia

#CAC988

Deuteranopia

#D1D988

Tritanopia

#F68888

Achromatopsia

#A1A1A1

CSS Usage

background-color: #FC8988;
color: #FC8988;
border-color: #FC8988;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FEF1F1
100
#FCDFDF
200
#FDBAB9
300
#FC8988
400
#FA4847
500
#F90806
600
#C70705
700
#9F0504
800
#7C0403
900
#5A0807
950
#390504

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

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