#FC9795

#FC9795

Color Values

HEX

#FC9795

RGB

252, 151, 149

HSL

1.2, 94.5%, 78.6%

HSV

1.2, 40.9%, 98.8%

CMYK

0.0%, 40.1%, 40.9%, 1.2%

OKLCH

0.7807 0.1219 21.4

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#FC9795

#95FAFC

Analogous

#FC95C6

#FCCA95

#FC9795

Triadic

#FC9795

#95FC97

#9795FC

Split Complementary

#FC9795

#95FCCA

#95C6FC

Tetradic

#FC9795

#C6FC95

#95FAFC

#CA95FC

Color Blindness Simulation

Original

#FC9795

Protanopia

#D0CF95

Deuteranopia

#D6DE96

Tritanopia

#F79696

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#FDF1F1
100
#FBDFDF
200
#FDBBBA
300
#FC8A88
400
#FA4B47
500
#F80C07
600
#C60906
700
#9F0804
800
#7C0604
900
#5A0907
950
#390605

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

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