Skip to main content
ToolsHub
#F2F063

#F2F063 Color — #F2F063

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

Color Format Conversions

HEX#F2F063
RGBrgb(242, 240, 99)
HSLhsl(59, 85%, 67%)
HSVhsv(59, 59%, 95%)
CMYKC:0% M:1% Y:59% K:5%
CSS Color#F2F063
Decimal15921251
Luminance0.821

WCAG Accessibility Contrast

#F2F063 on White
Ratio: 1.21:1 — Fail
#F2F063 on Black
Ratio: 17.42:1 — AAA
White on #F2F063
Ratio: 1.21:1 — Fail
Black on #F2F063
Ratio: 17.42:1 — AAA

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

Shades & Tints Scale

50#FEFEF7
100#FDFDE8
200#FBFBD0
300#F9F8B9
400#F7F59A
500#F2F063
600#C2C04F
700#91903B
800#616028
900#3D3C19

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 #F2F063?

The RGB equivalent is rgb(242, 240, 99). The red channel is 242, green is 240, and blue is 99 (scale 0–255).

What is the HSL value of #F2F063?

The HSL value is hsl(59, 85%, 67%). Hue is 59°, saturation is 85%, and lightness is 67%.

Does #F2F063 meet WCAG accessibility standards?

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

What is the complementary color of #F2F063?

The complementary color (180° opposite on the hue wheel) of #F2F063 is #6366F2.