#FDF63C

Color Details

HEX
#FDF63C
RGB
rgb(253, 246, 60)
HSL
hsl(58, 98%, 61%)
CMYK
cmyk(0%, 3%, 76%, 1%)
Best text on this color #000000 (CR 18.42:1) Determined by WCAG contrast ratio

Readability Previews

Black on #fdf63c
Contrast 18.42:1 AAA
White on #fdf63c
Contrast 1.14:1 Fail
#fdf63c on Black
Contrast 18.42:1 AAA
#fdf63c on White
Contrast 1.14:1 Fail

Tints & Shades

#fdf863
#fefa8a
#fefbb1
#cac530
#989424
#656218

Complement & Analogous

#3a41fd
#a2fd3a
#fd953a

Triadic

#3afdf7
#f73afd

Monochrome

#656218 #989424 #fdf63c #fefa8a #fefbb1 #fffdd8

Analogous

#fd953a #feb575 #fdf63c #b5fd61 #a2fd3a #82ca2e

Complementary Mix

#989424 #fdf63c #fefa8a #3a41fd #7f84fe #262aa4

Nearby Colors

#fdf63b
#fdf63d
#fdf62c
#fdf64c

Embed #FDF63C swatch

Embed this swatch

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

Open image

About #FDF63C

#FDF63C converts to RGB(253, 246, 60) and HSL(58, 98%, 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).

#FDF63C FAQs

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