Colour Storer

← All colours

#5795D9

Blue Picked from an image · added 1 hour ago

Make gradient Edit
Architecture Britain London
HEX
#5795D9
RGB
rgb(87, 149, 217)
HSL
hsl(211, 63%, 60%)
HSB
hsb(211, 60%, 85%)
CMYK
cmyk(60%, 31%, 0%, 15%)
CSS var
--colour: #5795D9;
Red 87
Green 149
Blue 217

Contrast

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

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

Check against another colour

Aa Text on #5795D9
Aa #5795D9 as text
3.13:1
  • AA · normal text 4.5:1 Fail
  • AA · large text 3:1 Pass
  • AAA · normal text 7:1 Fail
  • AAA · large text 4.5:1 Fail
  • Graphics & UI 3:1 Pass

Readable pairings

Your saved colours with the most contrast against #5795D9.

  • #1B0201 #1B0201 · 6.35:1 AA
  • #081719 #081719 · 5.84:1 AA
  • #14151A #14151A · 5.82:1 AA
  • #171618 #171618 · 5.75:1 AA
  • #031927 #031927 · 5.72:1 AA
  • #1B1707 #1B1707 · 5.72:1 AA
  • #181914 #181914 · 5.64:1 AA
  • #0C1346 #0C1346 · 5.60:1 AA
  • #38070B #38070B · 5.57:1 AA
  • #480202 #480202 · 5.21:1 AA
  • #1C2237 #1C2237 · 5.02:1 AA
  • #292B25 #292B25 · 4.57:1 AA
  • #2B2B35 #2B2B35 · 4.47:1 AA large
  • #561528 #561528 · 4.37:1 AA large
  • #472A18 #472A18 · 4.15:1 AA large
  • #06364A #06364A · 4.10:1 AA large
  • #043A35 #043A35 · 4.03:1 AA large
  • #372968 #372968 · 3.99:1 AA large
  • #691427 #691427 · 3.87:1 AA large
  • #691525 #691525 · 3.86:1 AA large
  • #353A15 #353A15 · 3.79:1 AA large
  • #383738 #383738 · 3.78:1 AA large
  • #780306 #780306 · 3.69:1 AA large
  • Dark dahlia eye purple #68245F · 3.34:1 AA large
  • #79231B #79231B · 3.24:1 AA large
  • #384629 #384629 · 3.22:1 AA large
  • #880701 #880701 · 3.22:1 AA large
  • #36481A #36481A · 3.19:1 AA large
  • #394728 #394728 · 3.18:1 AA large
  • #782637 #782637 · 3.14:1 AA large
  • #752746 #752746 · 3.14:1 AA large
  • #FEFFFF #FEFFFF · 3.12:1 AA large
  • #484349 #484349 · 3.08:1 AA large
  • #374846 #374846 · 3.07:1 AA large
  • #FDFCFE #FDFCFE · 3.06:1 AA large
  • #FCFCFC #FCFCFC · 3.05:1 AA large
  • #FAFBF9 #FAFBF9 · 3.01: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.

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

Source image

Image this colour was picked from