Named color · #352235
Fat Tuesday
Fat Tuesday is #352235: rgb(53 34 53), hsl(300 22% 17%), oklch(0.284 0.043 326.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Fat Tuesday color name →
#352235
oklch(0.284 0.043 326.6)
Color conversions
- HEX
- #352235
- RGB
- rgb(53 34 53)
- HSL
- hsl(300 22% 17%)
- HWB
- hwb(300 13% 79%)
- OKLCH
- oklch(0.284 0.043 326.6)
- OKLab
- oklab(0.284 0.036 -0.024)
- CIE Lab
- lab(16.28 12.28 -8.69)
- LCH
- lch(16.28 15.04 324.7)
- CMYK
- cmyk(0% 36% 0% 79%)
Tints · Shades · Tones
Tints
- 473547
- 594859
- 6C5D6C
- 807280
- 948894
- A99FA8
- BEB6BD
- D3CED3
- E9E6E9
Shades
- 2D1C2D
- 251625
- 1D111D
- 150B15
- 0E070E
- 080308
- 030103
- 010001
- 000000
Tones
- 3C2B3C
- 433343
- 4B3C4B
- 524652
- 5A4F59
- 615861
- 696269
- 706C70
- 787678
Color harmonies
Complementary +180°
- 352235
Fat Tuesday
- 1B301D
≈ Méi Hēi Coal
Analogous -30° +30°
- 352235
Fat Tuesday
- 2C253D
≈ Telopea
- 3B202A
≈ Temptress
Triadic +120° +240°
- 352235
Fat Tuesday
- 33280E
≈ Brown Tumbleweed
- 083034
≈ Roof Tile Green
Split-complementary +150° +210°
- 352235
Fat Tuesday
- 282C12
≈ Kuro Green
- 0D3129
≈ Fence Green
Tetradic +90° +180° +270°
- 352235
Fat Tuesday
- 3A2414
≈ Wetlands Swamp
- 1B301D
≈ Méi Hēi Coal
- 122D3C
≈ Oceanic Noir
Contrast & accessibility
Ag
AAAOn white
WCAG 14.66:1 · APCA Lc 101
Ag
FailOn black
WCAG 1.43:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 14.66:1 (AAA) · APCA Lc 101
Contrast pairs
Code snippets
CSS
:root {
--fat-tuesday: #352235;
--fat-tuesday-rgb: 53 34 53;
--fat-tuesday-oklch: oklch(0.284 0.043 326.6);
}
.element {
color: var(--fat-tuesday);
background-color: hsl(300 22% 17%);
border-color: oklch(0.284 0.043 326.6);
}Tailwind CSS v4
@theme {
--color-fat-tuesday: #352235;
--color-fat-tuesday-50: #fcf1fb;
--color-fat-tuesday-100: #f0e3ef;
--color-fat-tuesday-200: #dfcede;
--color-fat-tuesday-300: #c4b0c3;
--color-fat-tuesday-400: #ad96ac;
--color-fat-tuesday-500: #967d95;
--color-fat-tuesday-600: #7f697e;
--color-fat-tuesday-700: #655465;
--color-fat-tuesday-800: #4a3d4b;
--color-fat-tuesday-900: #332a34;
--color-fat-tuesday-950: #1f181f;
}SCSS
$fat-tuesday: #352235;
$fat-tuesday-rgb: 53, 34, 53;
$fat-tuesday-light: mix(#fff, $fat-tuesday, 20%);
$fat-tuesday-dark: mix(#000, $fat-tuesday, 20%);
.element {
color: $fat-tuesday;
box-shadow: 0 0 0 2px rgba($fat-tuesday, 0.35);
}