chromary

Lilac IceInk: auto. Text on this color is black or white, whichever reads better. Tap to set white.

CH · claim this color

Your color as a brand: the primary, the secondary colors from the chosen scheme, lighter and darker versions for backgrounds and states, and the neutrals from night to paper through greys tinted with your hue. Copy it as CSS.

Kit · Your color as a brand, primary to paper.

Secondary

SecondaryBlue CheckCH 0605 · #2A9EF7
SecondaryFuchsiaCH 0503 · #A627F4

Tertiary

TertiaryThistleCH 0469 · #9DA1BA
TertiaryDusty BlueCH 0427 · #74788F
TertiarySlateCH 0563 · #4E5266
TertiaryNavyCH 0078 · #2B2E3F

Neutrals

NeutralInkCH 0003 · #0D0E1A
NeutralMidnight BlueCH 0415 · #202127
NeutralCementCH 0566 · #8D8F97
NeutralSilverCH 0578 · #B2B4BC
NeutralClub SodaCH 0580 · #EEF1FF
CH 0477
chromaryclaimLilac Ice

Official neighbors

Color Values

Exact from the hex. Tap any value to copy it.

Full list

ContrastGraded by APCA, the Accessible Perceptual Contrast Algorithm, which measures how strongly text stands off its ground the way eyes see it, as lightness contrast (Lc) from 0 to about 106. Lc 60 and up reads as body text, 45 to 60 as large text and headlines; under 45, avoid it for text. The same measure picks black or white text everywhere on Chromary. The older WCAG 2 ratio is shown small under each for anyone quoting that standard.

Use

AaInk on Lilac IceLc 77 · passesWCAG 2 · 12.1 : 1
AaLilac Ice on InkLc 76 · passesWCAG 2 · 12.1 : 1

Avoid

AaClub Soda on Lilac IceLc 21 · failsWCAG 2 · 1.4 : 1
AaLilac Ice on Club SodaLc 19 · failsWCAG 2 · 1.4 : 1

Harmonies