#FCB70C

Color Details

HEX
#FCB70C
RGB
rgb(252, 183, 12)
HSL
hsl(43, 98%, 52%)
CMYK
cmyk(0%, 27%, 95%, 1%)
Best text on this color #000000 (CR 11.92:1) Determined by WCAG contrast ratio

Readability Previews

Black on #fcb70c
Contrast 11.92:1 AAA
White on #fcb70c
Contrast 1.76:1 Fail
#fcb70c on Black
Contrast 11.92:1 AAA
#fcb70c on White
Contrast 1.76:1 Fail

Tints & Shades

#fdc53d
#fdd46d
#fee29e
#ca920a
#976e07
#654905

Complement & Analogous

#0d51fd
#c9fd0d
#fd410d

Triadic

#0dfdb9
#b90dfd

Monochrome

#654905 #976e07 #fcb70c #fdd46d #fee29e #fef1ce

Analogous

#fd410d #fe7a56 #fcb70c #d4fd3d #c9fd0d #a1ca0a

Complementary Mix

#976e07 #fcb70c #fdd46d #0d51fd #628efe #0835a4

Nearby Colors

#fcb70b
#fcb70d
#fcb6fc
#fcb71c

Embed #FCB70C swatch

Embed this swatch

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

Open image

About #FCB70C

#FCB70C converts to RGB(252, 183, 12) and HSL(43, 98%, 52%). 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).

#FCB70C FAQs

What is the RGB value of #FCB70C?
RGB: 252, 183, 12. Copy as CSS: rgb(252, 183, 12)
Is #FCB70C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #FCB70C?
Complement: #0d51fd.
Does #FCB70C have good contrast on white or black?
On white: 1.76:1 (Fails AA). On black: 11.92:1 (AAA (normal text)).