Nearest named color · #A90D32
#A90D32
Nearest named color: Hot Lava
#A90D32 (rgb(169 13 50), hsl(346 86% 36%), oklch(0.47 0.182 17.8)) is closest to the named color Hot Lava. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A90D32
oklch(0.47 0.182 17.8)
Color conversions
- HEX
- #a90d32
- RGB
- rgb(169 13 50)
- HSL
- hsl(346 86% 36%)
- HWB
- hwb(346 5% 34%)
- OKLCH
- oklch(0.47 0.182 17.8)
- OKLab
- oklab(0.47 0.173 0.056)
- CIE Lab
- lab(36.57 58.68 25.36)
- LCH
- lch(36.57 63.93 23.4)
- CMYK
- cmyk(0% 92% 70% 34%)
Tints · Shades · Tones
Tints
- B53445
- C04F58
- CA666C
- D47C80
- DD9294
- E5A8A9
- EDBDBE
- F3D3D3
- FAE9E9
Shades
- 920A2A
- 7C0722
- 67051B
- 530314
- 3F020D
- 2C0107
- 1B0003
- 0A0001
- 010000
Tones
- A7263A
- A53542
- A2424A
- 9F4D52
- 9B5659
- 975F61
- 926869
- 8D7070
- 877878
Color harmonies
Complementary +180°
- A90D32
Hot Lava
- 00686B
≈ Tahitian Treat
Analogous -30° +30°
- A90D32
Hot Lava
- 9D186D
≈ Romantic Vampire
- 923F00
≈ Korichnewyi Brown
Triadic +120° +240°
- A90D32
Hot Lava
- 2A6C00
≈ Tatzelwurm Green
- 0055B9
≈ London Rain
Split-complementary +150° +210°
- A90D32
Hot Lava
- 006C50
≈ Starboard
- 006483
≈ Harem Silk
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 7.52:1 · APCA Lc 84
Ag
FailOn black
WCAG 2.79:1 · APCA Lc 18
Best text color: #FFFFFF
WCAG 7.52:1 (AAA) · APCA Lc 84
Contrast pairs
Code snippets
CSS
:root {
--hot-lava: #a90d32;
--hot-lava-rgb: 169 13 50;
--hot-lava-oklch: oklch(0.47 0.182 17.8);
}
.element {
color: var(--hot-lava);
background-color: hsl(346 86% 36%);
border-color: oklch(0.47 0.182 17.8);
}Tailwind CSS v4
@theme {
--color-hot-lava: #a90d32;
--color-hot-lava-50: #ffe1e0;
--color-hot-lava-100: #ffd0cf;
--color-hot-lava-200: #ffb4b4;
--color-hot-lava-300: #ff8e91;
--color-hot-lava-400: #f76a75;
--color-hot-lava-500: #e54057;
--color-hot-lava-600: #c2384a;
--color-hot-lava-700: #9c2d3b;
--color-hot-lava-800: #741f2c;
--color-hot-lava-900: #52141e;
--color-hot-lava-950: #36050e;
}SCSS
$hot-lava: #a90d32;
$hot-lava-rgb: 169, 13, 50;
$hot-lava-light: mix(#fff, $hot-lava, 20%);
$hot-lava-dark: mix(#000, $hot-lava, 20%);
.element {
color: $hot-lava;
box-shadow: 0 0 0 2px rgba($hot-lava, 0.35);
}