Màu có tên gần nhất · #40302E
#40302E
Màu có tên gần nhất: Smoked Black Coffee
#40302E (rgb(64 48 46), hsl(7 16% 22%), oklch(0.327 0.024 26.6)) gần nhất với màu có tên Smoked Black Coffee. 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.
#40302E
oklch(0.327 0.024 26.6)
Chuyển đổi màu
- HEX
- #40302e
- RGB
- rgb(64 48 46)
- HSL
- hsl(7 16% 22%)
- HWB
- hwb(7 18% 75%)
- OKLCH
- oklch(0.327 0.024 26.6)
- OKLab
- oklab(0.327 0.021 0.011)
- CIE Lab
- lab(21.67 7.24 4.23)
- LCH
- lch(21.67 8.39 30.3)
- CMYK
- cmyk(0% 25% 28% 75%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 514240
- 635553
- 756866
- 877C7A
- 9A918F
- AEA6A5
- C2BBBB
- D6D1D1
- EAE8E8
Sắc đậm
- 362827
- 2D211F
- 241A18
- 1B1312
- 130C0B
- 0B0606
- 050302
- 010101
- 000000
Sắc xám
- 463736
- 4C3F3D
- 534745
- 594F4D
- 5F5755
- 665F5E
- 6C6766
- 736F6F
- 797777
Hòa sắc
Bổ túc +180°
- 40302E
Smoked Black Coffee
- 26383B
≈ Tetsuonando Black
Tương đồng -30° +30°
- 40302E
Smoked Black Coffee
- 3F3035
≈ Venous Blood Red
- 3E3229
≈ Chinese Ink
Bộ ba +120° +240°
- 40302E
Smoked Black Coffee
- 2D382D
≈ Aimiru Brown
- 2F3441
≈ Total Eclipse
Bổ túc chia +150° +210°
- 40302E
Smoked Black Coffee
- 273934
≈ Tetsu Black
- 29373F
≈ Anchorman
Bộ bốn +90° +180° +270°
- 40302E
Smoked Black Coffee
- 343628
≈ Matcha Ash
- 26383B
≈ Tetsuonando Black
- 36323F
≈ Witches Cauldron
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 12.49:1 · APCA Lc 98
Ag
FailTrên nền đen
WCAG 1.68:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 12.49:1 (AAA) · APCA Lc 98
Contrast pairs
Đoạn mã
CSS
:root {
--smoked-black-coffee: #40302e;
--smoked-black-coffee-rgb: 64 48 46;
--smoked-black-coffee-oklch: oklch(0.327 0.024 26.6);
}
.element {
color: var(--smoked-black-coffee);
background-color: hsl(7 16% 22%);
border-color: oklch(0.327 0.024 26.6);
}Tailwind CSS v4
@theme {
--color-smoked-black-coffee: #40302e;
--color-smoked-black-coffee-50: #fcf3f1;
--color-smoked-black-coffee-100: #f0e5e3;
--color-smoked-black-coffee-200: #ded1ce;
--color-smoked-black-coffee-300: #c3b3b0;
--color-smoked-black-coffee-400: #ac9997;
--color-smoked-black-coffee-500: #95817e;
--color-smoked-black-coffee-600: #7e6d6b;
--color-smoked-black-coffee-700: #655755;
--color-smoked-black-coffee-800: #4a3f3e;
--color-smoked-black-coffee-900: #342c2b;
--color-smoked-black-coffee-950: #1f1918;
}SCSS
$smoked-black-coffee: #40302e;
$smoked-black-coffee-rgb: 64, 48, 46;
$smoked-black-coffee-light: mix(#fff, $smoked-black-coffee, 20%);
$smoked-black-coffee-dark: mix(#000, $smoked-black-coffee, 20%);
.element {
color: $smoked-black-coffee;
box-shadow: 0 0 0 2px rgba($smoked-black-coffee, 0.35);
}