#FCC13C

Color Details

HEX
#FCC13C
RGB
rgb(252, 193, 60)
HSL
hsl(42, 97%, 61%)
CMYK
cmyk(0%, 23%, 76%, 1%)
Best text on this color #000000 (CR 12.83:1) Determined by WCAG contrast ratio

Readability Previews

Black on #fcc13c
Contrast 12.83:1 AAA
White on #fcc13c
Contrast 1.64:1 Fail
#fcc13c on Black
Contrast 12.83:1 AAA
#fcc13c on White
Contrast 1.64:1 Fail

Tints & Shades

#fdcd63
#fdda8a
#fee6b1
#ca9a30
#977424
#654d18

Complement & Analogous

#3b75fc
#d5fc3b
#fc623b

Triadic

#3bfcc2
#c23bfc

Monochrome

#654d18 #977424 #fcc13c #fdda8a #fee6b1 #fef3d8

Analogous

#fc623b #fd9176 #fcc13c #ddfd62 #d5fc3b #aaca2f

Complementary Mix

#977424 #fcc13c #fdda8a #3b75fc #80a5fd #264ca4

Nearby Colors

#fcc13b
#fcc13d
#fcc12c
#fcc14c

Embed #FCC13C swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #FCC13C

#FCC13C converts to RGB(252, 193, 60) and HSL(42, 97%, 61%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#FCC13C FAQs

What is the RGB value of #FCC13C?
RGB: 252, 193, 60. Copy as CSS: rgb(252, 193, 60)
Is #FCC13C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #FCC13C?
Complement: #3b75fc.
Does #FCC13C have good contrast on white or black?
On white: 1.64:1 (Fails AA). On black: 12.83:1 (AAA (normal text)).