chromary

Periwinkle Purple≈Ink: auto. Text on this color is black or white, whichever reads better. Tap to set white.

no CH number yet · claim this color and its own CH number

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

SecondaryLemonCH 0040 · #FAF33E
SecondaryOlive MossCH 0252 · #7E7900

Tertiary

TertiaryHyacinthCH 0472 · #9892DD
TertiaryDeluluCH 0596 · #C2BFFC
TertiaryVioletCH 0460 · #4D4190
TertiaryMidnightCH 0079 · #2D1E64

Neutrals

NeutralInkCH 0003 · #0F0E1A
NeutralGunmetalCH 0576 · #3A3A41
NeutralAshCH 0565 · #7F7F87
NeutralDustCH 0568 · #C3C3CC
NeutralClub SodaCH 0580 · #F0F0FF
no number yet
chromaryclaim its numberPeriwinkle Purple≈Named after Periwinkle Purple #755FBA, its nearest entry in the dictionary.

Official neighbors

CH 0466Periwinkle Purple
CH 0465Wisteria

Official opposites

CH 0252Olive Moss
CH 0251Old Brass

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

AaClub Soda on Periwinkle PurpleLc 70 · passesWCAG 2 · 4.3 : 1
AaPeriwinkle Purple on Club SodaLc 65 · passesWCAG 2 · 4.3 : 1

Avoid

AaInk on Periwinkle PurpleLc 30 · failsWCAG 2 · 4.0 : 1
AaPeriwinkle Purple on InkLc 28 · failsWCAG 2 · 4.0 : 1

Harmonies

ComplementarySplit complementaryTriadTetradAnalogousTintsShadesWarmerCoolerMuted companion