#FAF84C

Color Details

HEX
#FAF84C
RGB
rgb(250, 248, 76)
HSL
hsl(59, 95%, 64%)
CMYK
cmyk(0%, 1%, 70%, 2%)
Best text on this color #000000 (CR 18.60:1) Determined by WCAG contrast ratio

Readability Previews

Black on #faf84c
Contrast 18.60:1 AAA
White on #faf84c
Contrast 1.13:1 Fail
#faf84c on Black
Contrast 18.60:1 AAA
#faf84c on White
Contrast 1.13:1 Fail

Tints & Shades

#fbf970
#fcfb94
#fdfcb7
#c8c63d
#96952e
#64631e

Complement & Analogous

#4c4ffa
#a6fa4c
#faa04c

Triadic

#4cfaf8
#f84cfa

Monochrome

#64631e #96952e #faf84c #fcfb94 #fdfcb7 #fefedb

Analogous

#faa04c #fcbd82 #faf84c #b8fb70 #a6fa4c #85c83d

Complementary Mix

#96952e #faf84c #fcfb94 #4c4ffa #8b8dfc #3133a3

Nearby Colors

#faf84b
#faf84d
#faf83c
#faf85c

Embed #FAF84C swatch

Embed this swatch

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

Open image

About #FAF84C

#FAF84C converts to RGB(250, 248, 76) and HSL(59, 95%, 64%). 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).

#FAF84C FAQs

What is the RGB value of #FAF84C?
RGB: 250, 248, 76. Copy as CSS: rgb(250, 248, 76)
Is #FAF84C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #FAF84C?
Complement: #4c4ffa.
Does #FAF84C have good contrast on white or black?
On white: 1.13:1 (Fails AA). On black: 18.60:1 (AAA (normal text)).