Màu có tên · #AA0033
Hot Lava
Hot Lava là #AA0033: rgb(170 0 51), hsl(342 100% 33%), oklch(0.468 0.187 16.5). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Red mean? → · Hot Lava color name →
#AA0033
oklch(0.468 0.187 16.5)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B63146
- C14C59
- CB646C
- D57B80
- DE9194
- E6A7A9
- EDBDBE
- F4D3D3
- FAE9E9
Sắc đậm
- 93002B
- 7D0023
- 68001C
- 530014
- 3F000D
- 2D0007
- 1B0003
- 0B0001
- 010000
Sắc xám
- A8223B
- A53343
- A3404A
- 9F4B52
- 9C555A
- 985E61
- 936769
- 8D7071
- 877878
Hòa sắc
Bổ túc +180°
- AA0033
Hot Lava
- 006869
≈ Quetzal Green
Tương đồng -30° +30°
- AA0033
Hot Lava
- 9D126F
≈ Red Violet
- 933D00
≈ Citrine Brown
Bộ ba +120° +240°
- AA0033
Hot Lava
- 2F6B00
≈ Tatzelwurm Green
- 0056B3
≈ Blizzy Blueberry
Bổ túc chia +150° +210°
- AA0033
Hot Lava
- 006B4E
≈ Device Green
- 006481
≈ Harem Silk
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 7.61:1 · APCA Lc 84
Ag
FailTrên nền đen
WCAG 2.75:1 · APCA Lc 18
Màu chữ tốt nhất: #FFFFFF
WCAG 7.61:1 (AAA) · APCA Lc 84
Contrast pairs
Đoạn mã
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);
}