Màu có tên gần nhất · #AA343B
#AA343B
Màu có tên gần nhất: Kabuki
#AA343B (rgb(170 52 59), hsl(356 53% 44%), oklch(0.502 0.153 21.4)) gần nhất với màu có tên Kabuki. 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.
#AA343B
oklch(0.502 0.153 21.4)
Chuyển đổi màu
- HEX
- #aa343b
- RGB
- rgb(170 52 59)
- HSL
- hsl(356 53% 44%)
- HWB
- hwb(356 20% 33%)
- OKLCH
- oklch(0.502 0.153 21.4)
- OKLab
- oklab(0.502 0.143 0.056)
- CIE Lab
- lab(40.69 49.02 24.71)
- LCH
- lch(40.69 54.9 26.8)
- CMYK
- cmyk(0% 69% 65% 33%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B54B4D
- BF6060
- C97473
- D28886
- DB9B99
- E3AFAD
- EBC3C1
- F2D7D5
- F9EBEA
Sắc đậm
- 932C32
- 7D2429
- 681C21
- 531519
- 3F0E11
- 2D0709
- 1B0304
- 0B0101
- 010000
Sắc xám
- A73F42
- A44849
- A15050
- 9E5857
- 9A5F5E
- 966665
- 916D6C
- 8C7472
- 867A79
Hòa sắc
Bổ túc +180°
- AA343B
Kabuki
- 007278
≈ Essential Teal
Tương đồng -30° +30°
- AA343B
Kabuki
- A1356E
≈ Amaranth Deep Purple
- 9C4900
≈ Oregon
Bộ ba +120° +240°
- AA343B
Kabuki
- 227815
≈ Botanical Beauty
- 2E5FBA
≈ Amnesia Blue
Bổ túc chia +150° +210°
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.43:1 · APCA Lc 81
Ag
FailTrên nền đen
WCAG 3.26:1 · APCA Lc 21
Màu chữ tốt nhất: #FFFFFF
WCAG 6.43:1 (AA) · APCA Lc 81
Contrast pairs
Đoạn mã
CSS
:root {
--kabuki: #aa343b;
--kabuki-rgb: 170 52 59;
--kabuki-oklch: oklch(0.502 0.153 21.4);
}
.element {
color: var(--kabuki);
background-color: hsl(356 53% 44%);
border-color: oklch(0.502 0.153 21.4);
}Tailwind CSS v4
@theme {
--color-kabuki: #aa343b;
--color-kabuki-50: #ffe5e0;
--color-kabuki-100: #ffd5d0;
--color-kabuki-200: #ffbbb5;
--color-kabuki-300: #fc9792;
--color-kabuki-400: #eb7576;
--color-kabuki-500: #d95357;
--color-kabuki-600: #b7474a;
--color-kabuki-700: #93393b;
--color-kabuki-800: #6e282c;
--color-kabuki-900: #4d1b1e;
--color-kabuki-950: #330a0e;
}SCSS
$kabuki: #aa343b;
$kabuki-rgb: 170, 52, 59;
$kabuki-light: mix(#fff, $kabuki, 20%);
$kabuki-dark: mix(#000, $kabuki, 20%);
.element {
color: $kabuki;
box-shadow: 0 0 0 2px rgba($kabuki, 0.35);
}