#FBAF3C

Color Details

HEX
#FBAF3C
RGB
rgb(251, 175, 60)
HSL
hsl(36, 96%, 61%)
CMYK
cmyk(0%, 30%, 76%, 2%)
Best text on this color #000000 (CR 11.30:1) Determined by WCAG contrast ratio

Readability Previews

Black on #fbaf3c
Contrast 11.30:1 AAA
White on #fbaf3c
Contrast 1.86:1 Fail
#fbaf3c on Black
Contrast 11.30:1 AAA
#fbaf3c on White
Contrast 1.86:1 Fail

Tints & Shades

#fcbf63
#fdcf8a
#fddfb1
#c98c30
#976924
#644618

Complement & Analogous

#3c88fb
#e8fb3c
#fb4f3c

Triadic

#3cfbaf
#af3cfb

Monochrome

#644618 #976924 #fbaf3c #fdcf8a #fddfb1 #feefd8

Analogous

#fb4f3c #fc8477 #fbaf3c #edfc63 #e8fb3c #bac930

Complementary Mix

#976924 #fbaf3c #fdcf8a #3c88fb #80b2fc #2758a3

Nearby Colors

#fbaf3b
#fbaf3d
#fbaf2c
#fbaf4c

Embed #FBAF3C swatch

Embed this swatch

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

Open image

About #FBAF3C

#FBAF3C converts to RGB(251, 175, 60) and HSL(36, 96%, 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).

#FBAF3C FAQs

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