最接近的命名颜色 · #472007
#472007
最接近的命名颜色: Chocolate Castle
#472007（rgb(71 32 7)、hsl(23 82% 15%)、oklch(0.294 0.069 49.4)）最接近命名颜色 Chocolate Castle。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#472007
oklch(0.294 0.069 49.4)
颜色转换
- HEX
- #472007
- RGB
- rgb(71 32 7)
- HSL
- hsl(23 82% 15%)
- HWB
- hwb(23 3% 72%)
- OKLCH
- oklch(0.294 0.069 49.4)
- OKLab
- oklab(0.294 0.045 0.053)
- CIE Lab
- lab(17.69 17.67 23.34)
- LCH
- lch(17.69 29.27 52.9)
- CMYK
- cmyk(0% 55% 90% 72%)
浅色调 · 深色调 · 灰色调
浅色调
- 59341F
- 6A4835
- 7C5D4C
- 8E7264
- A1897C
- B39F95
- C6B6AF
- D9CEC9
- ECE6E4
深色调
- 3D1A05
- 321504
- 280F02
- 1F0A02
- 160601
- 0D0300
- 060100
- 020000
- 000000
灰色调
- 4D2915
- 533321
- 593C2C
- 5F4638
- 654F44
- 6A594F
- 70625B
- 756C67
- 7B7674
配色和谐
互补色 +180°
- 472007
Chocolate Castle
- 003143
≈ Nordic Noir
类似色 -30° +30°
- 472007
Chocolate Castle
- 491C1E
≈ Vino Tinto
- 3C2800
≈ Secret Passage
三角配色 +120° +240°
- 472007
Chocolate Castle
- 003527
≈ Coach Green
- 2C254C
≈ Cardinal Mauve
分裂互补色 +150° +210°
- 472007
Chocolate Castle
- 003436
≈ Nora’s Forest
- 162C4E
≈ Midnight Ocean
四角配色 +90° +180° +270°
- 472007
Chocolate Castle
- 183410
≈ Dark Serpent
- 003143
≈ Nordic Noir
- 3B2042
≈ Power Outage
对比度与无障碍
Ag
AAA白底
WCAG 14.21:1 · APCA Lc 101
Ag
Fail黑底
WCAG 1.47:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 14.21:1 (AAA) · APCA Lc 101
Contrast pairs
代码片段
CSS
:root {
--chocolate-castle: #472007;
--chocolate-castle-rgb: 71 32 7;
--chocolate-castle-oklch: oklch(0.294 0.069 49.4);
}
.element {
color: var(--chocolate-castle);
background-color: hsl(23 82% 15%);
border-color: oklch(0.294 0.069 49.4);
}Tailwind CSS v4
@theme {
--color-chocolate-castle: #472007;
--color-chocolate-castle-50: #fff0e4;
--color-chocolate-castle-100: #fce2d3;
--color-chocolate-castle-200: #edcdba;
--color-chocolate-castle-300: #d5ae98;
--color-chocolate-castle-400: #c1937a;
--color-chocolate-castle-500: #ac795d;
--color-chocolate-castle-600: #91664f;
--color-chocolate-castle-700: #75523f;
--color-chocolate-castle-800: #563b2d;
--color-chocolate-castle-900: #3c281f;
--color-chocolate-castle-950: #26160e;
}SCSS
$chocolate-castle: #472007;
$chocolate-castle-rgb: 71, 32, 7;
$chocolate-castle-light: mix(#fff, $chocolate-castle, 20%);
$chocolate-castle-dark: mix(#000, $chocolate-castle, 20%);
.element {
color: $chocolate-castle;
box-shadow: 0 0 0 2px rgba($chocolate-castle, 0.35);
}