Skip to main content
ToolsHub
#F4D63E

#F4D63E Color — #F4D63E

Complete color reference for #F4D63E: conversions to RGB, HSL, HSV, CMYK, color harmonies, shades & tints scale, and WCAG accessibility contrast ratios.

Color Format Conversions

HEX#F4D63E
RGBrgb(244, 214, 62)
HSLhsl(50, 89%, 60%)
HSVhsv(50, 75%, 96%)
CMYKC:0% M:12% Y:75% K:4%
CSS Color#F4D63E
Decimal16045630
Luminance0.6767

WCAG Accessibility Contrast

#F4D63E on White
Ratio: 1.44:1 — Fail
#F4D63E on Black
Ratio: 14.53:1 — AAA
White on #F4D63E
Ratio: 1.44:1 — Fail
Black on #F4D63E
Ratio: 14.53:1 — AAA

WCAG AA requires ≥4.5:1 (normal text) or ≥3:1 (large text). WCAG AAA requires ≥7:1.

Shades & Tints Scale

50#FEFDF5
100#FDF9E2
200#FCF3C5
300#FAEDA8
400#F8E482
500#F4D63E
600#C3AB32
700#928025
800#625619
900#3D3610

Steps 50–400 are tints (mixed with white); 500 is the base color; 600–900 are shades (mixed with black).

Color Harmonies

Related Color Tools

Frequently Asked Questions

What is the RGB equivalent of #F4D63E?

The RGB equivalent is rgb(244, 214, 62). The red channel is 244, green is 214, and blue is 62 (scale 0–255).

What is the HSL value of #F4D63E?

The HSL value is hsl(50, 89%, 60%). Hue is 50°, saturation is 89%, and lightness is 60%.

Does #F4D63E meet WCAG accessibility standards?

On a white background, #F4D63E achieves a 1.44:1 contrast ratio (Fail). On a black background it achieves 14.53:1 (AAA). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #F4D63E?

The complementary color (180° opposite on the hue wheel) of #F4D63E is #3E5CF4.