命名颜色 · #C19C86
Chestnut Bisque
Chestnut Bisque 即 #C19C86：rgb(193 156 134)、hsl(22 32% 64%)、oklch(0.721 0.054 52.3)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Chestnut Bisque color name →
#C19C86
oklch(0.721 0.054 52.3)
颜色转换
- HEX
- #c19c86
- RGB
- rgb(193 156 134)
- HSL
- hsl(22 32% 64%)
- HWB
- hwb(22 53% 24%)
- OKLCH
- oklch(0.721 0.054 52.3)
- OKLab
- oklab(0.721 0.033 0.043)
- CIE Lab
- lab(67.38 11.82 17.03)
- LCH
- lch(67.38 20.73 55.2)
- CMYK
- cmyk(0% 19% 31% 24%)
浅色调 · 深色调 · 灰色调
浅色调
- C7A692
- CEAF9D
- D4B9A9
- DAC3B5
- E0CDC1
- E6D7CD
- EDE1DA
- F3EBE6
- F9F5F2
深色调
- A78774
- 8F7362
- 775F51
- 5F4C40
- 493930
- 342821
- 201813
- 0E0906
- 020101
灰色调
- BA9986
- B49685
- AD9485
- A79184
- A08E83
- 9A8B83
- 938882
- 8D8681
- 868381
配色和谐
互补色 +180°
- C19C86
Chestnut Bisque
- 83ABC1
≈ Arabella
类似色 -30° +30°
- C19C86
Chestnut Bisque
- C59895
≈ Fall Canyon
- B6A27F
≈ Montecito
三角配色 +120° +240°
- C19C86
Chestnut Bisque
- 82B0A1
≈ Le Max
- A59FC5
≈ May Mist
分裂互补色 +150° +210°
- C19C86
Chestnut Bisque
- 7CAFB3
≈ Buoyancy
- 93A5C8
≈ Finesse
四角配色 +90° +180° +270°
- C19C86
Chestnut Bisque
- 92AE8F
≈ Greenish Grey
- 83ABC1
≈ Arabella
- B59AB9
≈ Grape Smoke
对比度与无障碍
Ag
Fail白底
WCAG 2.50:1 · APCA Lc 49
Ag
AAA黑底
WCAG 8.36:1 · APCA Lc 53
最佳文字颜色: #000000
WCAG 8.36:1 (AAA) · APCA Lc 53
Contrast pairs
代码片段
CSS
:root {
--chestnut-bisque: #c19c86;
--chestnut-bisque-rgb: 193 156 134;
--chestnut-bisque-oklch: oklch(0.721 0.054 52.3);
}
.element {
color: var(--chestnut-bisque);
background-color: hsl(22 32% 64%);
border-color: oklch(0.721 0.054 52.3);
}Tailwind CSS v4
@theme {
--color-chestnut-bisque: #c19c86;
--color-chestnut-bisque-50: #fff1e7;
--color-chestnut-bisque-100: #f7e4d7;
--color-chestnut-bisque-200: #e8cfbf;
--color-chestnut-bisque-300: #ceb19e;
--color-chestnut-bisque-400: #b99681;
--color-chestnut-bisque-500: #a47c65;
--color-chestnut-bisque-600: #8a6956;
--color-chestnut-bisque-700: #6f5444;
--color-chestnut-bisque-800: #523d32;
--color-chestnut-bisque-900: #392a22;
--color-chestnut-bisque-950: #231811;
}SCSS
$chestnut-bisque: #c19c86;
$chestnut-bisque-rgb: 193, 156, 134;
$chestnut-bisque-light: mix(#fff, $chestnut-bisque, 20%);
$chestnut-bisque-dark: mix(#000, $chestnut-bisque, 20%);
.element {
color: $chestnut-bisque;
box-shadow: 0 0 0 2px rgba($chestnut-bisque, 0.35);
}