Named color · #A24A3F
Hot Tamale
Hot Tamale is #A24A3F: rgb(162 74 63), hsl(7 44% 44%), oklch(0.519 0.119 29). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Hot Tamale color name →
#A24A3F
oklch(0.519 0.119 29)
Color conversions
- HEX
- #a24a3f
- RGB
- rgb(162 74 63)
- HSL
- hsl(7 44% 44%)
- HWB
- hwb(7 25% 36%)
- OKLCH
- oklch(0.519 0.119 29)
- OKLab
- oklab(0.519 0.104 0.058)
- CIE Lab
- lab(43.14 36.58 24.91)
- LCH
- lch(43.14 44.26 34.3)
- CMYK
- cmyk(0% 54% 61% 36%)
Tints · Shades · Tones
Tints
- AD5C51
- B76E63
- C18076
- CB9188
- D4A39B
- DDB5AF
- E6C7C2
- EFDAD6
- F7ECEA
Shades
- 8C3F35
- 77352C
- 632A23
- 4F201B
- 3C1712
- 2A0E0A
- 190604
- 0A0201
- 010000
Tones
- A05046
- 9D574D
- 9A5C53
- 97625A
- 946760
- 916C67
- 8D726D
- 897673
- 857B7A
Color harmonies
Complementary +180°
- A24A3F
Hot Tamale
- 007684
≈ Deep Current
Analogous -30° +30°
- A24A3F
Hot Tamale
- 9E4867
≈ Baby Berries
- 9A550A
≈ Fresh Cinnamon
Triadic +120° +240°
- A24A3F
Hot Tamale
- 2C7B40
≈ Mermaid’s Tail
- 4D64AD
≈ Submarine Base
Split-complementary +150° +210°
- A24A3F
Hot Tamale
- 007A6A
≈ Shady Glade
- 0070A4
≈ Cat’s Purr
Tetradic +90° +180° +270°
- A24A3F
Hot Tamale
- 627208
≈ Fern Frond
- 007684
≈ Deep Current
- 7357A3
≈ Sumire Violet
Contrast & accessibility
Ag
AAOn white
WCAG 5.85:1 · APCA Lc 79
Ag
FailOn black
WCAG 3.58:1 · APCA Lc 23
Best text color: #FFFFFF
WCAG 5.85:1 (AA) · APCA Lc 79
Contrast pairs
Code snippets
CSS
:root {
--hot-tamale: #a24a3f;
--hot-tamale-rgb: 162 74 63;
--hot-tamale-oklch: oklch(0.519 0.119 29);
}
.element {
color: var(--hot-tamale);
background-color: hsl(7 44% 44%);
border-color: oklch(0.519 0.119 29);
}Tailwind CSS v4
@theme {
--color-hot-tamale: #a24a3f;
--color-hot-tamale-50: #ffe9e1;
--color-hot-tamale-100: #ffdad0;
--color-hot-tamale-200: #ffc2b5;
--color-hot-tamale-300: #eea192;
--color-hot-tamale-400: #dc8275;
--color-hot-tamale-500: #c96457;
--color-hot-tamale-600: #aa554a;
--color-hot-tamale-700: #88443b;
--color-hot-tamale-800: #65302b;
--color-hot-tamale-900: #47211d;
--color-hot-tamale-950: #2e100d;
}SCSS
$hot-tamale: #a24a3f;
$hot-tamale-rgb: 162, 74, 63;
$hot-tamale-light: mix(#fff, $hot-tamale, 20%);
$hot-tamale-dark: mix(#000, $hot-tamale, 20%);
.element {
color: $hot-tamale;
box-shadow: 0 0 0 2px rgba($hot-tamale, 0.35);
}