Màu có tên gần nhất · #4F3211
#4F3211
Màu có tên gần nhất: Moelleux au Chocolat
#4F3211 (rgb(79 50 17), hsl(32 65% 19%), oklch(0.345 0.063 66.2)) gần nhất với màu có tên Moelleux 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.
#4F3211
oklch(0.345 0.063 66.2)
Chuyển đổi màu
- HEX
- #4f3211
- RGB
- rgb(79 50 17)
- HSL
- hsl(32 65% 19%)
- HWB
- hwb(32 7% 69%)
- OKLCH
- oklch(0.345 0.063 66.2)
- OKLab
- oklab(0.345 0.025 0.057)
- CIE Lab
- lab(23.87 11.03 25.76)
- LCH
- lch(23.87 28.02 66.8)
- CMYK
- cmyk(0% 37% 78% 69%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 5F4428
- 70573E
- 816A54
- 927E6B
- A49382
- B6A79A
- C8BDB2
- DAD2CB
- ECE9E5
Sắc đậm
- 442A0D
- 382209
- 2E1B06
- 231404
- 190D02
- 100701
- 070300
- 020100
- 000000
Sắc xám
- 543A1D
- 594129
- 5E4934
- 63513E
- 685849
- 6D6054
- 72685F
- 76706A
- 7B7875
Hòa sắc
Bổ túc +180°
- 4F3211
Moelleux au Chocolat
- 1B3C58
≈ Poseidon
Tương đồng -30° +30°
- 4F3211
Moelleux au Chocolat
- 552D22
≈ Momoshio Brown
- 43390C
≈ Camouflage
Bộ ba +120° +240°
- 4F3211
Moelleux au Chocolat
- 00433E
≈ Warm Black
- 413053
≈ Naggaroth Night
Bổ túc chia +150° +210°
- 4F3211
Moelleux au Chocolat
- 00414E
≈ Cold and Dark
- 31365A
≈ Very Blue
Bộ bốn +90° +180° +270°
- 4F3211
Moelleux au Chocolat
- 19432B
≈ Zucchini
- 1B3C58
≈ Poseidon
- 4D2C45
≈ Potent Purple
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 11.68:1 · APCA Lc 97
Ag
FailTrên nền đen
WCAG 1.79:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 11.68:1 (AAA) · APCA Lc 97
Contrast pairs
Đoạn mã
CSS
:root {
--moelleux-au-chocolat: #4f3211;
--moelleux-au-chocolat-rgb: 79 50 17;
--moelleux-au-chocolat-oklch: oklch(0.345 0.063 66.2);
}
.element {
color: var(--moelleux-au-chocolat);
background-color: hsl(32 65% 19%);
border-color: oklch(0.345 0.063 66.2);
}Tailwind CSS v4
@theme {
--color-moelleux-au-chocolat: #4f3211;
--color-moelleux-au-chocolat-50: #fff2e3;
--color-moelleux-au-chocolat-100: #f6e5d2;
--color-moelleux-au-chocolat-200: #e7d0b8;
--color-moelleux-au-chocolat-300: #cdb296;
--color-moelleux-au-chocolat-400: #b89877;
--color-moelleux-au-chocolat-500: #a37e59;
--color-moelleux-au-chocolat-600: #8a6b4c;
--color-moelleux-au-chocolat-700: #6e553c;
--color-moelleux-au-chocolat-800: #523e2b;
--color-moelleux-au-chocolat-900: #392b1d;
--color-moelleux-au-chocolat-950: #23180d;
}SCSS
$moelleux-au-chocolat: #4f3211;
$moelleux-au-chocolat-rgb: 79, 50, 17;
$moelleux-au-chocolat-light: mix(#fff, $moelleux-au-chocolat, 20%);
$moelleux-au-chocolat-dark: mix(#000, $moelleux-au-chocolat, 20%);
.element {
color: $moelleux-au-chocolat;
box-shadow: 0 0 0 2px rgba($moelleux-au-chocolat, 0.35);
}