#FC8E96

#FC8E96

Color Values

HEX

#FC8E96

RGB

252, 142, 150

HSL

355.6, 94.8%, 77.3%

HSV

355.6, 43.7%, 98.8%

CMYK

0.0%, 43.7%, 40.5%, 1.2%

OKLCH

0.7666 0.1331 16.1

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#FC8E96

#8EFCF4

Analogous

#FC8ECD

#FCBD8E

#FC8E96

Triadic

#FC8E96

#96FC8E

#8E96FC

Split Complementary

#FC8E96

#8EFCBD

#8ECDFC

Tetradic

#FC8E96

#CDFC8E

#8EFCF4

#BD8EFC

Color Blindness Simulation

Original

#FC8E96

Protanopia

#CCCB94

Deuteranopia

#D3DB94

Tritanopia

#F69392

Achromatopsia

#A6A6A6

CSS Usage

background-color: #FC8E96;
color: #FC8E96;
border-color: #FC8E96;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FEF1F2
100
#FCDFE1
200
#FDB9BE
300
#FC8890
400
#FA4754
500
#F80718
600
#C70513
700
#9F0410
800
#7C030C
900
#5A070D
950
#390408

Contrast Checker

Text on white

2.22:1

AA Fail AAA Fail

Text on black

9.45:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026