Maroon Colors  ·  Color Library

Palettes / Colors / #FCC592

#FCC592 — Light Vivid Orange

#FCC592 is a orange color we call Light Vivid Orange, closest to the named color BurlyWood (#DEB887). It belongs to the orange family.

#FCC592 is a warm orange color associated with warmth, appetite and friendliness. It is light enough to work as a background or base color, with darker text on top.

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

#FCC592 · RGB 252, 197, 146

Download PNG swatch SVG

Color values

HEX#FCC592
RGB252, 197, 146
HSL29°, 95%, 78%
HSV29°, 42%, 99%
CMYK0%, 22%, 42%, 1%
XYZ65.30, 62.70, 35.86
Yxy62.70, 0.3985, 0.3827
CIE-Lab83.29, 13.23, 33.07
Hunter Lab79.19, 13.06, 25.21

RGB & CMYK percentages

Red 99% · Green 77% · Blue 57%

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

Previews

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

CSS code for #FCC592

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

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

Shades of #FCC592

#FBB36F#FA9E47#F98B24#EF7706#CC6505#A95404#814003#5E2F02#371B01#140A01

Tints of #FCC592

#FCCA9C#FDD0A5#FDD2AA#FDD8B4#FDDDBE#FEE2C8#FEE7D2#FEEAD7#FEEFE1#FEF4EB

Tones of #FCC592

#F4C599#EDC6A1#E5C6A9#DEC6B0#D6C6B8#CFC7BF

Color harmonies

Complementary — #92C9FC:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.55:1 Fails
Against black text13.54:1 AAA

Best text color on #FCC592: #000000.

How #FCC592 looks with color blindness

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

Protanopia · #E4E49EDeuteranopia · #E7EBA1Tritanopia · #F9A8AA

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:

Material Yellow 500 · #FFEB3BMaterial Grey 500 · #9E9E9EMaterial Lime 500 · #CDDC39

Palettes with #FCC592 or a close neighbour

Palette Fff2d7
#FFF2D7 · #FFE0B5 · #F8C794 · #D8AE7E
Palette Ffedce
#FFEDCE · #FFC193 · #FF8383 · #FF3737
Palette 7fb77e
#7FB77E · #B1D7B4 · #F7F6DC · #FFC090
Palette Ffc996
#FFC996 · #FF8474 · #9F5F80 · #583D72
Palette Ffca95
#FFCA95 · #FF7873 · #E22F80 · #8140DC
Palette 155e95
#155E95 · #6A80B9 · #F6C794 · #FFF6B3

Similar colors

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

#F8C794#FFC193#FFC090#FFC996#FFCA95#F6C794#FFBE91#FCC88A#FEBE8C#F9CB99#FFBE98#FFC29B

Browse neighbouring colors

← #FCC591  ·  #FCC593 →

Frequently asked questions

What color is #FCC592?

#FCC592 is Light Vivid Orange, a orange color (RGB 252, 197, 146). Its closest standard named color is BurlyWood.

What is the RGB and HSL of #FCC592?

#FCC592 is RGB 252, 197, 146 — HSL 29°, 95%, 78% — CMYK 0%, 22%, 42%, 1%.

What colors go with #FCC592?

Its complement is #92C9FC; analogous partners are #FC9293 and #FCFA92. It also appears in 6+ palettes in our collection.

Can I use #FCC592 for text?

Black text on #FCC592 has a contrast ratio of 13.54:1 (passes WCAG AA); white text gives 1.55:1.