#B79A56

Brown Picked from an image · added 3 hours ago

Make gradient Edit

Architecture Summer

HEX: #B79A56
RGB: rgb(183, 154, 86)
HSL: hsl(42, 40%, 53%)
HSB: hsb(42, 53%, 72%)
CMYK: cmyk(0%, 16%, 53%, 28%)
CSS var: --colour: #B79A56;

Red 183

Green 154

Blue 86

Contrast

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

Aa White text

Aa On white

2.70: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

7.77: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 #B79A56

Aa #B79A56 as text

2.70: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

Minimum

Your saved colours with the most contrast against #B79A56.

#1B0201 #1B0201 · 7.35:1 AAA
#081719 #081719 · 6.77:1 AA
#14151A #14151A · 6.74:1 AA
#171618 #171618 · 6.67:1 AA
#031927 #031927 · 6.62:1 AA
#1B1707 #1B1707 · 6.62:1 AA
#181914 #181914 · 6.54:1 AA
#0C1346 #0C1346 · 6.49:1 AA
#38070B #38070B · 6.45:1 AA
#480202 #480202 · 6.04:1 AA
#1C2237 #1C2237 · 5.82:1 AA
#292B25 #292B25 · 5.29:1 AA
#2B2B35 #2B2B35 · 5.18:1 AA
#561528 #561528 · 5.06:1 AA
#472A18 #472A18 · 4.81:1 AA
#06364A #06364A · 4.75:1 AA
#28371A #28371A · 4.70:1 AA
#043A35 #043A35 · 4.67:1 AA
#372968 #372968 · 4.62:1 AA
#691427 #691427 · 4.49:1 AA large
#691525 #691525 · 4.47:1 AA large
#353A15 #353A15 · 4.39:1 AA large
#383738 #383738 · 4.38:1 AA large
#780306 #780306 · 4.28:1 AA large
Dark dahlia eye purple #68245F · 3.87:1 AA large
#79231B #79231B · 3.75:1 AA large
#384629 #384629 · 3.74:1 AA large
#880701 #880701 · 3.73:1 AA large
#36481A #36481A · 3.70:1 AA large
#394728 #394728 · 3.68:1 AA large
#782637 #782637 · 3.64:1 AA large
#752746 #752746 · 3.63:1 AA large
#484349 #484349 · 3.57:1 AA large
#374846 #374846 · 3.56:1 AA large
#464749 #464749 · 3.44:1 AA large
#454A37 #454A37 · 3.39:1 AA large
#694429 #694429 · 3.15:1 AA large

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.

Font Weight Size 32px Third colour

The quick brown fox Jumps over the lazy dog, sphinx of black quartz, judge my vow.

White text on #B79A56

The quick brown fox Jumps over the lazy dog, sphinx of black quartz, judge my vow.

#B79A56 on white

The quick brown fox Jumps over the lazy dog, sphinx of black quartz, judge my vow.

Black text on #B79A56

The quick brown fox Jumps over the lazy dog, sphinx of black quartz, judge my vow.

#B79A56 on black

The quick brown fox Jumps over the lazy dog, sphinx of black quartz, judge my vow.

Third colour text on #B79A56

The quick brown fox Jumps over the lazy dog, sphinx of black quartz, judge my vow.

#B79A56 on third colour

Source image

Image this colour was picked from