chromary

Lemon ChiffonInk: 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

SecondaryUltramarineCH 0080 · #4A23F1
SecondaryViolet FrostCH 0485 · #E6EAFF

Tertiary

TertiarySandCH 0099 · #C2BA93
TertiaryMushroomCH 0572 · #928A67
TertiaryMinkCH 0571 · #645D3D
TertiaryIronCH 0562 · #3A3416

Neutrals

NeutralPanelCH 0004 · #120F04
NeutralField GreyCH 0241 · #494841
NeutralHayCH 0247 · #73726A
NeutralStoneCH 0573 · #A6A59C
NeutralParchmentCH 0223 · #CECBBC
CH 0267
chromaryclaimLemon Chiffon

Official neighbors

Official opposites

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

AaPanel on Lemon ChiffonLc 94 · passesWCAG 2 · 16.1 : 1
AaLemon Chiffon on PanelLc 95 · passesWCAG 2 · 16.1 : 1

Avoid

AaParchment on Lemon ChiffonLc 16 · failsWCAG 2 · 1.4 : 1
AaLemon Chiffon on ParchmentLc 19 · failsWCAG 2 · 1.4 : 1

Harmonies