#FC988B

#FC988B

Color Values

HEX

#FC988B

RGB

252, 152, 139

HSL

6.9, 95.0%, 76.7%

HSV

6.9, 44.8%, 98.8%

CMYK

0.0%, 39.7%, 44.8%, 1.2%

OKLCH

0.7801 0.1225 28.1

Properties

Warm Light Nearest: darksalmon

Color Harmonies

Complementary

#FC988B

#8BEFFC

Analogous

#FC8BB7

#FCD18B

#FC988B

Triadic

#FC988B

#8BFC98

#988BFC

Split Complementary

#FC988B

#8BFCD1

#8BB7FC

Tetradic

#FC988B

#B7FC8B

#8BEFFC

#D18BFC

Color Blindness Simulation

Original

#FC988B

Protanopia

#D1D08E

Deuteranopia

#D6DE8F

Tritanopia

#F79191

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#FEF3F1
100
#FCE2DF
200
#FDC1B9
300
#FC9588
400
#FA5C47
500
#F92206
600
#C71B05
700
#9F1604
800
#7C1103
900
#5A1107
950
#390A04

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

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