Màu có tên gần nhất · #46291A
#46291A
Màu có tên gần nhất: Délicieux au Chocolat
#46291A (rgb(70 41 26), hsl(20 46% 19%), oklch(0.314 0.05 47.7)) gần nhất với màu có tên Délicieux au Chocolat. 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.
#46291A
oklch(0.314 0.05 47.7)
Chuyển đổi màu
- HEX
- #46291a
- RGB
- rgb(70 41 26)
- HSL
- hsl(20 46% 19%)
- HWB
- hwb(20 10% 73%)
- OKLCH
- oklch(0.314 0.05 47.7)
- OKLab
- oklab(0.314 0.034 0.037)
- CIE Lab
- lab(20.1 12.61 15.73)
- LCH
- lch(20.1 20.16 51.3)
- CMYK
- cmyk(0% 41% 63% 73%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 573C2E
- 694F42
- 7A6358
- 8D786E
- 9F8D84
- B2A39C
- C5B9B4
- D8D0CC
- EBE7E5
Sắc đậm
- 3C2215
- 321C10
- 28150C
- 1E0F07
- 150904
- 0D0502
- 050201
- 020100
- 000000
Sắc xám
- 4C3124
- 523A2D
- 584237
- 5E4B41
- 63534B
- 695C56
- 6F6560
- 756E6A
- 7A7775
Hòa sắc
Bổ túc +180°
- 46291A
Délicieux au Chocolat
- 103645
≈ Firmament Blue
Tương đồng -30° +30°
- 46291A
Délicieux au Chocolat
- 482628
≈ New Bulgarian Rose
- 3F2E11
≈ Hidden Passage
Bộ ba +120° +240°
- 46291A
Délicieux au Chocolat
- 13392C
≈ Deep Fir
- 302D49
≈ Wild Iris
Bổ túc chia +150° +210°
- 46291A
Délicieux au Chocolat
- 06393A
≈ Customs Green
- 21324B
≈ Manganese Black
Bộ bốn +90° +180° +270°
- 46291A
Délicieux au Chocolat
- 24371E
≈ Deep Fir
- 103645
≈ Firmament Blue
- 3C2942
≈ Aubergine Mauve
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 13.18:1 · APCA Lc 99
Ag
FailTrên nền đen
WCAG 1.59:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 13.18:1 (AAA) · APCA Lc 99
Contrast pairs
Đoạn mã
CSS
:root {
--delicieux-au-chocolat: #46291a;
--delicieux-au-chocolat-rgb: 70 41 26;
--delicieux-au-chocolat-oklch: oklch(0.314 0.05 47.7);
}
.element {
color: var(--delicieux-au-chocolat);
background-color: hsl(20 46% 19%);
border-color: oklch(0.314 0.05 47.7);
}Tailwind CSS v4
@theme {
--color-delicieux-au-chocolat: #46291a;
--color-delicieux-au-chocolat-50: #fff1e9;
--color-delicieux-au-chocolat-100: #f7e3d9;
--color-delicieux-au-chocolat-200: #e7cfc2;
--color-delicieux-au-chocolat-300: #ceb1a1;
--color-delicieux-au-chocolat-400: #b89685;
--color-delicieux-au-chocolat-500: #a37c6a;
--color-delicieux-au-chocolat-600: #89695a;
--color-delicieux-au-chocolat-700: #6e5447;
--color-delicieux-au-chocolat-800: #513d34;
--color-delicieux-au-chocolat-900: #392a23;
--color-delicieux-au-chocolat-950: #231812;
}SCSS
$delicieux-au-chocolat: #46291a;
$delicieux-au-chocolat-rgb: 70, 41, 26;
$delicieux-au-chocolat-light: mix(#fff, $delicieux-au-chocolat, 20%);
$delicieux-au-chocolat-dark: mix(#000, $delicieux-au-chocolat, 20%);
.element {
color: $delicieux-au-chocolat;
box-shadow: 0 0 0 2px rgba($delicieux-au-chocolat, 0.35);
}