Gallery White
A complete five-role scheme. minimal and elegant in character — tagged for photography, consulting.
#22282e #9aa3ac #c2455a #fcfcfa #171c21 Ship your next idea faster
Everything you need to launch, in one place.
Get started Learn moreOpen this scheme in the Studio →
Color values
| Role | Hex | RGB | HSL |
|---|---|---|---|
| primary | #22282e | 34, 40, 46 | 210°, 15%, 16% |
| secondary | #9aa3ac | 154, 163, 172 | 210°, 10%, 64% |
| accent | #c2455a | 194, 69, 90 | 350°, 51%, 52% |
| background | #fcfcfa | 252, 252, 250 | 60°, 25%, 98% |
| text | #171c21 | 23, 28, 33 | 210°, 18%, 11% |
Contrast (WCAG)
| Pair | Ratio | Level |
|---|---|---|
| text on background | 16.70 | AAA |
| primary on background | 14.49 | AAA |
| secondary on background | 2.49 | fail |
| accent on background | 4.76 | AA |
| background on primary | 14.49 | AAA |
| background on accent | 4.76 | AA |
CSS variables
:root {
--color-primary: #22282e;
--color-secondary: #9aa3ac;
--color-accent: #c2455a;
--color-bg: #fcfcfa;
--color-text: #171c21;
}Tailwind
colors: {
primary: '#22282e',
secondary: '#9aa3ac',
accent: '#c2455a',
background: '#fcfcfa',
text: '#171c21',
}Best text pairings
The strongest foreground/background combinations in Gallery White, ranked by WCAG contrast. Darker color set as the text; ratios of 4.5:1+ suit body copy, 7:1+ meet AAA.
Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — text on background — clears AAA comfortably.
#171c21 on #fcfcfa Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — primary on background — clears AAA comfortably.
#22282e on #fcfcfa Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — text on secondary — meets AA for body text.
#171c21 on #9aa3ac Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — primary on secondary — meets AA for body text.
#22282e on #9aa3ac