Màu có tên gần nhất · #28332E
#28332E
Màu có tên gần nhất: Aztec
#28332E (rgb(40 51 46), hsl(153 12% 18%), oklch(0.309 0.017 165.9)) gần nhất với màu có tên Aztec. 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.
#28332E
oklch(0.309 0.017 165.9)
Chuyển đổi màu
- HEX
- #28332e
- RGB
- rgb(40 51 46)
- HSL
- hsl(153 12% 18%)
- HWB
- hwb(153 16% 80%)
- OKLCH
- oklch(0.309 0.017 165.9)
- OKLab
- oklab(0.309 -0.017 0.004)
- CIE Lab
- lab(20.09 -5.79 1.56)
- LCH
- lch(20.09 6 164.9)
- CMYK
- cmyk(22% 0% 10% 80%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 3A4540
- 4E5753
- 626A66
- 767E7A
- 8C928F
- A2A7A5
- B8BCBA
- CFD2D1
- E7E8E8
Sắc đậm
- 212B27
- 1B231F
- 151C18
- 0F1412
- 090D0B
- 040706
- 020302
- 010101
- 000000
Sắc xám
- 303A36
- 38413D
- 414945
- 49504D
- 525855
- 5B605E
- 646866
- 6D706F
- 777877
Hòa sắc
Bổ túc +180°
- 28332E
Aztec
- 372D32
≈ Mystical Shadow
Tương đồng -30° +30°
- 28332E
Aztec
- 2C3229
≈ Ebony Wood
- 263333
≈ Pitch Green
Bộ ba +120° +240°
- 28332E
Aztec
- 2F2F39
≈ Smiler’s Mist
- 382E29
≈ Mole
Bổ túc chia +150° +210°
- 28332E
Aztec
- 342E36
≈ Lava Black
- 382D2D
≈ Mole
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 13.09:1 · APCA Lc 99
Ag
FailTrên nền đen
WCAG 1.60:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 13.09:1 (AAA) · APCA Lc 99
Contrast pairs
Đoạn mã
CSS
:root {
--aztec: #28332e;
--aztec-rgb: 40 51 46;
--aztec-oklch: oklch(0.309 0.017 165.9);
}
.element {
color: var(--aztec);
background-color: hsl(153 12% 18%);
border-color: oklch(0.309 0.017 165.9);
}Tailwind CSS v4
@theme {
--color-aztec: #28332e;
--color-aztec-50: #f1f7f4;
--color-aztec-100: #e3eae7;
--color-aztec-200: #ced7d3;
--color-aztec-300: #afbab6;
--color-aztec-400: #95a29c;
--color-aztec-500: #7c8a83;
--color-aztec-600: #69756f;
--color-aztec-700: #545d59;
--color-aztec-800: #3d4441;
--color-aztec-900: #2a2f2d;
--color-aztec-950: #181c1a;
}SCSS
$aztec: #28332e;
$aztec-rgb: 40, 51, 46;
$aztec-light: mix(#fff, $aztec, 20%);
$aztec-dark: mix(#000, $aztec, 20%);
.element {
color: $aztec;
box-shadow: 0 0 0 2px rgba($aztec, 0.35);
}