Colore con nome · #AA0033
Hot Lava
Hot Lava è #AA0033: rgb(170 0 51), hsl(342 100% 33%), oklch(0.468 0.187 16.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Hot Lava color name →
#AA0033
oklch(0.468 0.187 16.5)
Conversioni di colore
- HEX
- #aa0033
- RGB
- rgb(170 0 51)
- HSL
- hsl(342 100% 33%)
- HWB
- hwb(342 0% 33%)
- OKLCH
- oklch(0.468 0.187 16.5)
- OKLab
- oklab(0.468 0.18 0.053)
- CIE Lab
- lab(36.26 60.5 24.41)
- LCH
- lch(36.26 65.24 22)
- CMYK
- cmyk(0% 100% 70% 33%)
Tinte · Ombre · Toni
Tinte
- B63146
- C14C59
- CB646C
- D57B80
- DE9194
- E6A7A9
- EDBDBE
- F4D3D3
- FAE9E9
Ombre
- 93002B
- 7D0023
- 68001C
- 530014
- 3F000D
- 2D0007
- 1B0003
- 0B0001
- 010000
Toni
- A8223B
- A53343
- A3404A
- 9F4B52
- 9C555A
- 985E61
- 936769
- 8D7071
- 877878
Armonie di colore
Complementare +180°
- AA0033
Hot Lava
- 006869
≈ Quetzal Green
Analogo -30° +30°
- AA0033
Hot Lava
- 9D126F
≈ Red Violet
- 933D00
≈ Citrine Brown
Triadico +120° +240°
- AA0033
Hot Lava
- 2F6B00
≈ Tatzelwurm Green
- 0056B3
≈ Blizzy Blueberry
Complementare divisa +150° +210°
- AA0033
Hot Lava
- 006B4E
≈ Device Green
- 006481
≈ Harem Silk
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.61:1 · APCA Lc 84
Ag
FailSu nero
WCAG 2.75:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 7.61:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--hot-lava: #aa0033;
--hot-lava-rgb: 170 0 51;
--hot-lava-oklch: oklch(0.468 0.187 16.5);
}
.element {
color: var(--hot-lava);
background-color: hsl(342 100% 33%);
border-color: oklch(0.468 0.187 16.5);
}Tailwind CSS v4
@theme {
--color-hot-lava: #aa0033;
--color-hot-lava-50: #ffe0e0;
--color-hot-lava-100: #ffcfd0;
--color-hot-lava-200: #ffb3b5;
--color-hot-lava-300: #ff8d92;
--color-hot-lava-400: #f96777;
--color-hot-lava-500: #e73c59;
--color-hot-lava-600: #c3354c;
--color-hot-lava-700: #9d2a3c;
--color-hot-lava-800: #751d2d;
--color-hot-lava-900: #53131f;
--color-hot-lava-950: #37040e;
}SCSS
$hot-lava: #aa0033;
$hot-lava-rgb: 170, 0, 51;
$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);
}