#FEF83C

Color Details

HEX
#FEF83C
RGB
rgb(254, 248, 60)
HSL
hsl(58, 99%, 62%)
CMYK
cmyk(0%, 2%, 76%, 0%)
Best text on this color #000000 (CR 18.71:1) Determined by WCAG contrast ratio

Readability Previews

Black on #fef83c
Contrast 18.71:1 AAA
White on #fef83c
Contrast 1.12:1 Fail
#fef83c on Black
Contrast 18.71:1 AAA
#fef83c on White
Contrast 1.12:1 Fail

Tints & Shades

#fef963
#fefb8a
#fffcb1
#cbc630
#989524
#666318

Complement & Analogous

#3e45fe
#a4fe3e
#fe983e

Triadic

#3efef8
#f83efe

Monochrome

#666318 #989524 #fef83c #fefb8a #fffcb1 #fffed8

Analogous

#fe983e #feb778 #fef83c #b6fe65 #a4fe3e #83cb32

Complementary Mix

#989524 #fef83c #fefb8a #3e45fe #8286fe #282da5

Nearby Colors

#fef83b
#fef83d
#fef82c
#fef84c

Embed #FEF83C swatch

Embed this swatch

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

Open image

About #FEF83C

#FEF83C converts to RGB(254, 248, 60) and HSL(58, 99%, 62%). 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).

#FEF83C FAQs

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