Màu có tên gần nhất · #432B05
#432B05
Màu có tên gần nhất: Moelleux au Chocolat
#432B05 (rgb(67 43 5), hsl(37 86% 14%), oklch(0.311 0.061 73.5)) 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.
#432B05
oklch(0.311 0.061 73.5)
Chuyển đổi màu
- HEX
- #432b05
- RGB
- rgb(67 43 5)
- HSL
- hsl(37 86% 14%)
- HWB
- hwb(37 2% 74%)
- OKLCH
- oklch(0.311 0.061 73.5)
- OKLab
- oklab(0.311 0.018 0.059)
- CIE Lab
- lab(20 8.76 26.54)
- LCH
- lch(20 27.95 71.7)
- CMYK
- cmyk(0% 36% 93% 74%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 543E1F
- 665136
- 78654D
- 8A7964
- 9D8E7D
- B0A495
- C3BAAF
- D7D1C9
- EBE8E4
Sắc đậm
- 392404
- 2F1D03
- 261602
- 1D1001
- 140A01
- 0C0500
- 050200
- 010100
- 000000
Sắc xám
- 493314
- 4F3B21
- 55442D
- 5B4C38
- 615444
- 675D50
- 6E665C
- 746E68
- 7A7774
Hòa sắc
Bổ túc +180°
- 432B05
Moelleux au Chocolat
- 18324F
≈ Elite Blue
Tương đồng -30° +30°
- 432B05
Moelleux au Chocolat
- 4A2515
≈ Wild Brown
- 363204
≈ Wasabi Nori
Bộ ba +120° +240°
- 432B05
Moelleux au Chocolat
- 003938
≈ Customs Green
- 3C2746
≈ Aubergine Mauve
Bổ túc chia +150° +210°
- 432B05
Moelleux au Chocolat
- 003746
≈ Crowberry Blue
- 2D2C4F
≈ Lucky Point
Bộ bốn +90° +180° +270°
- 432B05
Moelleux au Chocolat
- 083A28
≈ Deep Fir
- 18324F
≈ Elite Blue
- 462338
≈ Juice Violet
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 13.23:1 · APCA Lc 99
Ag
FailTrên nền đen
WCAG 1.58:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 13.23:1 (AAA) · APCA Lc 99
Contrast pairs
Đoạn mã
CSS
:root {
--moelleux-au-chocolat: #432b05;
--moelleux-au-chocolat-rgb: 67 43 5;
--moelleux-au-chocolat-oklch: oklch(0.311 0.061 73.5);
}
.element {
color: var(--moelleux-au-chocolat);
background-color: hsl(37 86% 14%);
border-color: oklch(0.311 0.061 73.5);
}Tailwind CSS v4
@theme {
--color-moelleux-au-chocolat: #432b05;
--color-moelleux-au-chocolat-50: #fff3e2;
--color-moelleux-au-chocolat-100: #f4e6d2;
--color-moelleux-au-chocolat-200: #e4d1b8;
--color-moelleux-au-chocolat-300: #cab495;
--color-moelleux-au-chocolat-400: #b59976;
--color-moelleux-au-chocolat-500: #9f8058;
--color-moelleux-au-chocolat-600: #866d4b;
--color-moelleux-au-chocolat-700: #6c573b;
--color-moelleux-au-chocolat-800: #503f2a;
--color-moelleux-au-chocolat-900: #382b1d;
--color-moelleux-au-chocolat-950: #22190d;
}SCSS
$moelleux-au-chocolat: #432b05;
$moelleux-au-chocolat-rgb: 67, 43, 5;
$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);
}