Màu có tên gần nhất · #253834
#253834
Màu có tên gần nhất: Aztec
#253834 (rgb(37 56 52), hsl(167 20% 18%), oklch(0.323 0.026 180.1)) 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.
#253834
oklch(0.323 0.026 180.1)
Chuyển đổi màu
- HEX
- #253834
- RGB
- rgb(37 56 52)
- HSL
- hsl(167 20% 18%)
- HWB
- hwb(167 15% 78%)
- OKLCH
- oklch(0.323 0.026 180.1)
- OKLab
- oklab(0.323 -0.026 0)
- CIE Lab
- lab(21.78 -8.78 -0.09)
- LCH
- lch(21.78 8.78 180.6)
- CMYK
- cmyk(34% 0% 7% 78%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 384946
- 4C5C58
- 606E6B
- 75827F
- 8B9593
- A1AAA8
- B8BEBD
- CFD3D2
- E7E9E8
Sắc đậm
- 1F2F2C
- 192724
- 131F1C
- 0D1715
- 080F0E
- 040807
- 020403
- 000101
- 000000
Sắc xám
- 2E3F3B
- 364642
- 3F4D4A
- 485451
- 515B59
- 5A6260
- 646968
- 6D7170
- 767878
Hòa sắc
Bổ túc +180°
- 253834
Aztec
- 3F2E33
≈ Chocolate Plum
Tương đồng -30° +30°
- 253834
Aztec
- 2A372D
≈ Aimiru Brown
- 24373B
≈ Cruel Sea
Bộ ba +120° +240°
- 253834
Aztec
- 35313F
≈ Parisian Night
- 3E3126
≈ Cola Bubble
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
AAATrên nền trắng
WCAG 12.39:1 · APCA Lc 98
Ag
FailTrên nền đen
WCAG 1.69:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 12.39:1 (AAA) · APCA Lc 98
Contrast pairs
Đoạn mã
CSS
:root {
--aztec: #253834;
--aztec-rgb: 37 56 52;
--aztec-oklch: oklch(0.323 0.026 180.1);
}
.element {
color: var(--aztec);
background-color: hsl(167 20% 18%);
border-color: oklch(0.323 0.026 180.1);
}Tailwind CSS v4
@theme {
--color-aztec: #253834;
--color-aztec-50: #eef8f6;
--color-aztec-100: #dfebe8;
--color-aztec-200: #c9d8d5;
--color-aztec-300: #aabcb8;
--color-aztec-400: #8fa49f;
--color-aztec-500: #748c87;
--color-aztec-600: #637672;
--color-aztec-700: #4f5f5b;
--color-aztec-800: #394542;
--color-aztec-900: #27302e;
--color-aztec-950: #151c1b;
}SCSS
$aztec: #253834;
$aztec-rgb: 37, 56, 52;
$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);
}