Skip to main content
ToolsHub
#F5F5DC

Beige Color — #F5F5DC

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

Color Format Conversions

HEX#F5F5DC
RGBrgb(245, 245, 220)
HSLhsl(60, 56%, 91%)
HSVhsv(60, 10%, 96%)
CMYKC:0% M:0% Y:10% K:4%
CSS Colorbeige
Decimal16119260
Luminance0.8988

WCAG Accessibility Contrast

#F5F5DC on White
Ratio: 1.11:1 — Fail
#F5F5DC on Black
Ratio: 18.98:1 — AAA
White on #F5F5DC
Ratio: 1.11:1 — Fail
Black on #F5F5DC
Ratio: 18.98:1 — AAA

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

Shades & Tints Scale

50#FFFFFD
100#FEFEFA
200#FCFCF5
300#FBFBEF
400#F9F9E8
500#F5F5DC
600#C4C4B0
700#939384
800#626258
900#3D3D37

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

The RGB equivalent is rgb(245, 245, 220). The red channel is 245, green is 245, and blue is 220 (scale 0–255).

What is the HSL value of #F5F5DC?

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

Does #F5F5DC meet WCAG accessibility standards?

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

What is the complementary color of #F5F5DC?

The complementary color (180° opposite on the hue wheel) of #F5F5DC is #DBDBF5.