Colour Storer

← All colours

#DCD1A3

Beige Picked from an image · added 1 hour ago

Make gradient Edit
Architecture London
HEX
#DCD1A3
RGB
rgb(220, 209, 163)
HSL
hsl(48, 45%, 75%)
HSB
hsb(48, 26%, 86%)
CMYK
cmyk(0%, 5%, 26%, 14%)
CSS var
--colour: #DCD1A3;
Red 220
Green 209
Blue 163

Contrast

WCAG 2 ratios. Large text is 24px, or 18.66px bold, and up.

Aa White text
Aa On white
1.53:1 with white
  • AA · normal text 4.5:1 Fail
  • AA · large text 3:1 Fail
  • AAA · normal text 7:1 Fail
  • AAA · large text 4.5:1 Fail
  • Graphics & UI 3:1 Fail
Aa Black text
Aa On black
13.69:1 with black
  • AA · normal text 4.5:1 Pass
  • AA · large text 3:1 Pass
  • AAA · normal text 7:1 Pass
  • AAA · large text 4.5:1 Pass
  • Graphics & UI 3:1 Pass

Check against another colour

Aa Text on #DCD1A3
Aa #DCD1A3 as text
1.53:1
  • AA · normal text 4.5:1 Fail
  • AA · large text 3:1 Fail
  • AAA · normal text 7:1 Fail
  • AAA · large text 4.5:1 Fail
  • Graphics & UI 3:1 Fail

Readable pairings

Your saved colours with the most contrast against #DCD1A3.

Font previews

Results are for the heading at the chosen size and weight: large text (24px, or 18.66px bold) needs 3:1 for AA, other text 4.5:1.

The quick brown fox Jumps over the lazy dog, sphinx of black quartz, judge my vow.
White text on #DCD1A3
The quick brown fox Jumps over the lazy dog, sphinx of black quartz, judge my vow.
#DCD1A3 on white
The quick brown fox Jumps over the lazy dog, sphinx of black quartz, judge my vow.
Black text on #DCD1A3
The quick brown fox Jumps over the lazy dog, sphinx of black quartz, judge my vow.
#DCD1A3 on black
The quick brown fox Jumps over the lazy dog, sphinx of black quartz, judge my vow.
Third colour text on #DCD1A3
The quick brown fox Jumps over the lazy dog, sphinx of black quartz, judge my vow.
#DCD1A3 on third colour

Source image

Image this colour was picked from