Maroon Colors  ·  Color Library

Palettes / Colors / #FCA592

#FCA592 — Light Vivid Red

#FCA592 is a red color we call Light Vivid Red, closest to the named color LightSalmon (#FFA07A). It belongs to the red family.

Color name

Closest CSS keyword: lightsalmon (#FFA07A) — not an exact match. CSS lightsalmon gives you #FFA07A, a different color; use #FCA592 when you need this exact shade.

Sources: common names follow widely used color-name references; CSS keywords and their hex values follow the CSS Color specification.

#FCA592 is a warm red color associated with energy, passion and urgency. It is light enough to work as a background or base color, with darker text on top.

Its strongest partner is its complement #92E9FC; it also sits naturally between #FC92B3 and #FCDA92. In the palettes below you can see it working alongside real color combinations from our collection.

#FCA592 · RGB 252, 165, 146

Download PNG swatch SVG

Color values

HEX#FCA592
RGB252, 165, 146
HSL11°, 95%, 78%
HSV11°, 42%, 99%
CMYK0%, 35%, 42%, 1%
XYZ58.79, 49.68, 33.69
Yxy49.68, 0.4136, 0.3495
CIE-Lab75.87, 30.01, 23.14
Hunter Lab70.48, 29.76, 17.83

RGB & CMYK percentages

Red 99% · Green 65% · Blue 57%

Cyan 0% · Magenta 35% · Yellow 42% · Key 1%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #FCA592 on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #FCA592 on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #FCA592

.text { color: #FCA592; }
.background { background-color: #FCA592; }
.border { border: 3px solid #FCA592; }
.text-rgb { color: rgb(252, 165, 146); }
.text-hsl { color: hsl(11, 95%, 78%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #FCA592; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(252, 165, 146, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #FCA592; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(252, 165, 146, 0.8); }

HTML: <p style="color:#FCA592">Text here</p> · <div style="background-color:#FCA592">Div content here</div>

Shades of #FCA592

#FB896F#FA6847#F94B24#EF3106#CC2A05#A92304#811A03#5E1302#370B01#140401

Tints of #FCA592

#FCAD9C#FDB5A5#FDBAAA#FDC2B4#FDCABE#FED2C8#FEDAD2#FEDED7#FEE6E1#FEEFEB

Tones of #FCA592

#F4AA99#EDAFA1#E5B4A9#DEB8B0#D6BDB8#CFC2BF

Color harmonies

Complementary — #92E9FC:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.92:1 Fails
Against black text10.94:1 AAA

Best text color on #FCA592: #000000.

Semi-transparent (opacity) text on #FCA592

Text set with opacity blends into the background, so its real contrast is lower than the solid ratios above. Choose a text color and an opacity to see the blended color and its true ratio:

100%
Sample heading text
Smaller body text shows the effect best.

Blended color: · Contrast against #FCA592: ·

How #FCA592 looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #D6D697Deuteranopia · #DBE298Tritanopia · #F89A9B

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Tailwind pink 500 · #EC4899Material Grey 500 · #9E9E9EMaterial Yellow 500 · #FFEB3B

Palettes with a similar color

These palettes use a close neighbour of #FCA592 rather than the exact color:

Palette E9ff97
#E9FF97 · #FFD18E · #FFA38F · #FF7EE2
Palette Fee2b3
#FEE2B3 · #FFA299 · #AD6989 · #562349
Palette Fff7cd
#FFF7CD · #FDC3A1 · #FB9B8F · #F57799
Palette Fcc6ff
#FCC6FF · #FFE6C9 · #FFC785 · #FFA09B
Palette Fff1d3
#FFF1D3 · #FFB090 · #CA5995 · #5D1C6A
Palette 716f81
#716F81 · #B97A95 · #F6AE99 · #F2E1C1

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#FFA38F#FFA299#FB9B8F#FFA09B#FFB090#F6AE99#F8B195#FDAB9E#FF9D9D#FF9A9A#FF9999#FF9898

Browse neighbouring colors

← #FCA591  ·  #FCA593 →

Frequently asked questions

What color is #FCA592?

#FCA592 is Light Vivid Red, a red color (RGB 252, 165, 146). Its closest standard named color is LightSalmon.

What is the RGB and HSL of #FCA592?

#FCA592 is RGB 252, 165, 146 — HSL 11°, 95%, 78% — CMYK 0%, 35%, 42%, 1%.

What colors go with #FCA592?

Its complement is #92E9FC; analogous partners are #FC92B3 and #FCDA92. It also appears in 6+ palettes in our collection.

Can I use #FCA592 for text?

Black text on #FCA592 has a contrast ratio of 10.94:1 (passes WCAG AA); white text gives 1.92:1.