Màu có tên gần nhất · #AA3E46
#AA3E46
Màu có tên gần nhất: Kabuki
#AA3E46 (rgb(170 62 70), hsl(356 47% 45%), oklch(0.516 0.142 19.3)) 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.
#AA3E46
oklch(0.516 0.142 19.3)
Chuyển đổi màu
- HEX
- #aa3e46
- RGB
- rgb(170 62 70)
- HSL
- hsl(356 47% 45%)
- HWB
- hwb(356 24% 33%)
- OKLCH
- oklch(0.516 0.142 19.3)
- OKLab
- oklab(0.516 0.134 0.047)
- CIE Lab
- lab(42.41 45.47 20.11)
- LCH
- lch(42.41 49.72 23.9)
- CMYK
- cmyk(0% 64% 59% 33%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B55357
- BF6668
- C8797A
- D18C8C
- DA9F9F
- E2B2B1
- EAC5C4
- F2D8D8
- F9EBEB
Sắc đậm
- 93353C
- 7D2B32
- 682328
- 531A1E
- 3F1215
- 2D0A0D
- 1B0405
- 0B0102
- 010000
Sắc xám
- A7474C
- A44E52
- A15658
- 9D5C5D
- 996363
- 956969
- 906F6F
- 8B7574
- 867B7A
Hòa sắc
Bổ túc +180°
- AA3E46
Kabuki
- 00777B
≈ Hypnotic Sea
Tương đồng -30° +30°
- AA3E46
Kabuki
- A03F74
≈ Maximum Red Purple
- A44A00
≈ Pepperoni
Bộ ba +120° +240°
- AA3E46
Kabuki
- 367A20
≈ Odd Pea Pod
- 3165B8
≈ Blue Streak
Bổ túc chia +150° +210°
- AA3E46
Kabuki
- 007A5E
≈ Emerald Dream
- 007297
≈ Enchanted Blue
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.02:1 · APCA Lc 79
Ag
FailTrên nền đen
WCAG 3.48:1 · APCA Lc 23
Màu chữ tốt nhất: #FFFFFF
WCAG 6.02:1 (AA) · APCA Lc 79
Contrast pairs
Đoạn mã
CSS
:root {
--kabuki: #aa3e46;
--kabuki-rgb: 170 62 70;
--kabuki-oklch: oklch(0.516 0.142 19.3);
}
.element {
color: var(--kabuki);
background-color: hsl(356 47% 45%);
border-color: oklch(0.516 0.142 19.3);
}Tailwind CSS v4
@theme {
--color-kabuki: #aa3e46;
--color-kabuki-50: #ffe6e4;
--color-kabuki-100: #ffd6d3;
--color-kabuki-200: #ffbcba;
--color-kabuki-300: #f89998;
--color-kabuki-400: #e6797c;
--color-kabuki-500: #d3585f;
--color-kabuki-600: #b24b51;
--color-kabuki-700: #8f3c41;
--color-kabuki-800: #6b2a30;
--color-kabuki-900: #4b1d21;
--color-kabuki-950: #310c10;
}SCSS
$kabuki: #aa3e46;
$kabuki-rgb: 170, 62, 70;
$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);
}