Colour Storer

← All colours

Lilac

Blue Picked from an image · added 3 hours ago

Make gradient Edit
Classy Crew Clothing Flower Nature
HEX
#ACB3D5
RGB
rgb(172, 179, 213)
HSL
hsl(230, 33%, 75%)
HSB
hsb(230, 19%, 84%)
CMYK
cmyk(19%, 16%, 0%, 16%)
CSS var
--lilac: #ACB3D5;
Red 172
Green 179
Blue 213

Contrast

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

Aa White text
Aa On white
2.06: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.16: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 Lilac
Aa Lilac as text
2.06: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 Lilac.

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

Source image

Image this colour was picked from