Màu có tên gần nhất · #432900
#432900
Màu có tên gần nhất: Moelleux au Chocolat
#432900 (rgb(67 41 0), hsl(37 100% 13%), oklch(0.306 0.065 72.6)) 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.
#432900
oklch(0.306 0.065 72.6)
Chuyển đổi màu
- HEX
- #432900
- RGB
- rgb(67 41 0)
- HSL
- hsl(37 100% 13%)
- HWB
- hwb(37 0% 74%)
- OKLCH
- oklch(0.306 0.065 72.6)
- OKLab
- oklab(0.306 0.02 0.062)
- CIE Lab
- lab(19.38 9.84 27.88)
- LCH
- lch(19.38 29.57 70.6)
- CMYK
- cmyk(0% 39% 100% 74%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 543C1B
- 664F33
- 78634A
- 8A7862
- 9D8D7B
- B0A394
- C3B9AE
- D7D0C8
- EBE7E3
Sắc đậm
- 392200
- 2F1C00
- 261500
- 1D0F00
- 140900
- 0C0500
- 050200
- 010100
- 000000
Sắc xám
- 493110
- 4F3A1D
- 55422A
- 5B4B36
- 625342
- 685C4E
- 6E655B
- 746E67
- 7A7773
Hòa sắc
Bổ túc +180°
- 432900
Moelleux au Chocolat
- 14304F
≈ Crow Black Blue
Tương đồng -30° +30°
- 432900
Moelleux au Chocolat
- 4A2312
≈ Wild Brown
- 363000
≈ Wasabi Nori
Bộ ba +120° +240°
- 432900
Moelleux au Chocolat
- 003736
≈ Shrub Green
- 3B2547
≈ Operetta Mauve
Bổ túc chia +150° +210°
- 432900
Moelleux au Chocolat
- 003544
≈ Nordic Noir
- 2B2A4F
≈ Cardinal Mauve
Bộ bốn +90° +180° +270°
- 432900
Moelleux au Chocolat
- 023925
≈ Off-Road Green
- 14304F
≈ Crow Black Blue
- 452138
≈ Juice Violet
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 13.49:1 · APCA Lc 100
Ag
FailTrên nền đen
WCAG 1.55:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 13.49:1 (AAA) · APCA Lc 100
Contrast pairs
Đoạn mã
CSS
:root {
--moelleux-au-chocolat: #432900;
--moelleux-au-chocolat-rgb: 67 41 0;
--moelleux-au-chocolat-oklch: oklch(0.306 0.065 72.6);
}
.element {
color: var(--moelleux-au-chocolat);
background-color: hsl(37 100% 13%);
border-color: oklch(0.306 0.065 72.6);
}Tailwind CSS v4
@theme {
--color-moelleux-au-chocolat: #432900;
--color-moelleux-au-chocolat-50: #fff3e1;
--color-moelleux-au-chocolat-100: #f5e5d0;
--color-moelleux-au-chocolat-200: #e5d1b6;
--color-moelleux-au-chocolat-300: #ccb393;
--color-moelleux-au-chocolat-400: #b79974;
--color-moelleux-au-chocolat-500: #a17f55;
--color-moelleux-au-chocolat-600: #886c48;
--color-moelleux-au-chocolat-700: #6d5639;
--color-moelleux-au-chocolat-800: #513f29;
--color-moelleux-au-chocolat-900: #382b1b;
--color-moelleux-au-chocolat-950: #23180c;
}SCSS
$moelleux-au-chocolat: #432900;
$moelleux-au-chocolat-rgb: 67, 41, 0;
$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);
}