最接近的命名颜色 · #512D00
#512D00
最接近的命名颜色: Moelleux au Chocolat
#512D00（rgb(81 45 0)、hsl(33 100% 16%)、oklch(0.336 0.076 64.6)）最接近命名颜色 Moelleux au Chocolat。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#512D00
oklch(0.336 0.076 64.6)
颜色转换
- HEX
- #512d00
- RGB
- rgb(81 45 0)
- HSL
- hsl(33 100% 16%)
- HWB
- hwb(33 0% 68%)
- OKLCH
- oklch(0.336 0.076 64.6)
- OKLab
- oklab(0.336 0.032 0.068)
- CIE Lab
- lab(22.7 14.53 32.16)
- LCH
- lch(22.7 35.29 65.7)
- CMYK
- cmyk(0% 44% 100% 68%)
浅色调 · 深色调 · 灰色调
浅色调
- 62401D
- 725335
- 83674D
- 947B64
- A5907D
- B7A696
- C9BBAF
- DBD1C9
- EDE8E4
深色调
- 452600
- 3A1F00
- 2F1800
- 241100
- 1A0B00
- 100600
- 070200
- 020100
- 000000
灰色调
- 563511
- 5B3D20
- 60462C
- 654E38
- 695644
- 6E5E50
- 73675C
- 776F68
- 7C7774
配色和谐
互补色 +180°
- 512D00
Moelleux au Chocolat
- 0A3A5B
≈ Poseidon
类似色 -30° +30°
- 512D00
Moelleux au Chocolat
- 57261B
≈ Caput Mortuum
- 423600
≈ Night in the Woods
三角配色 +120° +240°
- 512D00
Moelleux au Chocolat
- 00413B
≈ Botanical Night
- 402C56
≈ Violet Purple
分裂互补色 +150° +210°
- 512D00
Moelleux au Chocolat
- 003E4A
≈ Ghostlands Coal
- 2C335D
≈ Quill Tip
四角配色 +90° +180° +270°
- 512D00
Moelleux au Chocolat
- 0B4225
≈ Angel Green
- 0A3A5B
≈ Poseidon
- 4E2646
≈ Murasaki
对比度与无障碍
Ag
AAA白底
WCAG 12.17:1 · APCA Lc 97
Ag
Fail黑底
WCAG 1.72:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 12.17:1 (AAA) · APCA Lc 97
Contrast pairs
代码片段
CSS
:root {
--moelleux-au-chocolat: #512d00;
--moelleux-au-chocolat-rgb: 81 45 0;
--moelleux-au-chocolat-oklch: oklch(0.336 0.076 64.6);
}
.element {
color: var(--moelleux-au-chocolat);
background-color: hsl(33 100% 16%);
border-color: oklch(0.336 0.076 64.6);
}Tailwind CSS v4
@theme {
--color-moelleux-au-chocolat: #512d00;
--color-moelleux-au-chocolat-50: #fff2df;
--color-moelleux-au-chocolat-100: #fae4ce;
--color-moelleux-au-chocolat-200: #ebcfb3;
--color-moelleux-au-chocolat-300: #d2b08f;
--color-moelleux-au-chocolat-400: #be956f;
--color-moelleux-au-chocolat-500: #a97b4f;
--color-moelleux-au-chocolat-600: #8f6943;
--color-moelleux-au-chocolat-700: #735436;
--color-moelleux-au-chocolat-800: #553c26;
--color-moelleux-au-chocolat-900: #3b2a19;
--color-moelleux-au-chocolat-950: #25170a;
}SCSS
$moelleux-au-chocolat: #512d00;
$moelleux-au-chocolat-rgb: 81, 45, 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);
}