Colour Storer

← All colours

#F8A837

Orange Picked from an image · added 1 hour ago

Make gradient Edit
Dahlias Nature Summer
HEX
#F8A837
RGB
rgb(248, 168, 55)
HSL
hsl(35, 93%, 59%)
HSB
hsb(35, 78%, 97%)
CMYK
cmyk(0%, 32%, 78%, 3%)
CSS var
--colour: #F8A837;
Red 248
Green 168
Blue 55

Contrast

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

Aa White text
Aa On white
1.97: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
10.64: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 #F8A837
Aa #F8A837 as text
1.97: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 #F8A837.

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

Source image

Image this colour was picked from