Colour Storer

← All colours

Dark bluebell

Blue Picked from an image · added 2 hours ago

Make gradient Edit
Bluebells Flower Nature Spring
HEX
#574988
RGB
rgb(87, 73, 136)
HSL
hsl(253, 30%, 41%)
HSB
hsb(253, 46%, 53%)
CMYK
cmyk(36%, 46%, 0%, 47%)
CSS var
--dark-bluebell: #574988;
Red 87
Green 73
Blue 136

Contrast

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

Aa White text
Aa On white
7.73: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
2.71: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 Dark bluebell
Aa Dark bluebell as text
7.73: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 Dark bluebell.

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

Source image

Image this colour was picked from