#FC9485

#FC9485

Color Values

HEX

#FC9485

RGB

252, 148, 133

HSL

7.6, 95.2%, 75.5%

HSV

7.6, 47.2%, 98.8%

CMYK

0.0%, 41.3%, 47.2%, 1.2%

OKLCH

0.7724 0.1281 29.1

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#FC9485

#85EDFC

Analogous

#FC85B1

#FCD085

#FC9485

Triadic

#FC9485

#85FC94

#9485FC

Split Complementary

#FC9485

#85FCD0

#85B1FC

Tetradic

#FC9485

#B1FC85

#85EDFC

#D085FC

Color Blindness Simulation

Original

#FC9485

Protanopia

#CFCE89

Deuteranopia

#D5DD8A

Tritanopia

#F78B8C

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#FEF3F1
100
#FCE2DF
200
#FDC2B9
300
#FC9688
400
#FA5E47
500
#F92506
600
#C71D05
700
#9F1804
800
#7C1203
900
#5A1107
950
#390B04

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

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