Colour Storer

← All colours

#28371A

Green Picked from an image · added 3 hours ago

Make gradient Edit
Architecture Summer
HEX
#28371A
RGB
rgb(40, 55, 26)
HSL
hsl(91, 36%, 16%)
HSB
hsb(91, 53%, 22%)
CMYK
cmyk(27%, 0%, 53%, 78%)
CSS var
--colour: #28371A;
Red 40
Green 55
Blue 26

Contrast

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

Aa White text
Aa On white
12.71:1 with white
  • 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
Aa Black text
Aa On black
1.65:1 with black
  • 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

Check against another colour

Aa Text on #28371A
Aa #28371A as text
12.71:1
  • 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

Readable pairings

Your saved colours with the most contrast against #28371A.

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 #28371A
The quick brown fox Jumps over the lazy dog, sphinx of black quartz, judge my vow.
#28371A on white
The quick brown fox Jumps over the lazy dog, sphinx of black quartz, judge my vow.
Black text on #28371A
The quick brown fox Jumps over the lazy dog, sphinx of black quartz, judge my vow.
#28371A on black
The quick brown fox Jumps over the lazy dog, sphinx of black quartz, judge my vow.
Third colour text on #28371A
The quick brown fox Jumps over the lazy dog, sphinx of black quartz, judge my vow.
#28371A on third colour

Source image

Image this colour was picked from

Install Colour Storer

On iPhone or iPad, tap the Share button in Safari, then Add to Home Screen.