命名颜色 · #C8C1AA
Snake Charmer
Snake Charmer 即 #C8C1AA：rgb(200 193 170)、hsl(46 21% 73%)、oklch(0.81 0.032 93)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Snake Charmer color name →
#C8C1AA
oklch(0.81 0.032 93)
颜色转换
- HEX
- #c8c1aa
- RGB
- rgb(200 193 170)
- HSL
- hsl(46 21% 73%)
- HWB
- hwb(46 67% 22%)
- OKLCH
- oklch(0.81 0.032 93)
- OKLab
- oklab(0.81 -0.002 0.032)
- CIE Lab
- lab(78.18 -0.34 12.55)
- LCH
- lch(78.18 12.56 91.6)
- CMYK
- cmyk(0% 4% 15% 22%)
浅色调 · 深色调 · 灰色调
浅色调
- CDC7B2
- D3CDBB
- D8D3C3
- DED9CB
- E3E0D4
- E9E6DC
- EEECE5
- F4F2EE
- F9F9F6
深色调
- AEA793
- 948F7D
- 7B7768
- 635F53
- 4C493F
- 36342D
- 21201B
- 0F0E0B
- 020201
灰色调
- C1BAA6
- B9B4A2
- B2AD9D
- AAA699
- A3A095
- 9C9991
- 95938D
- 8E8D88
- 878684
配色和谐
互补色 +180°
- C8C1AA
Snake Charmer
- BAC0D7
≈ Xenon Blue
类似色 -30° +30°
- C8C1AA
Snake Charmer
- D1BDAC
≈ Desert Fortress
- BDC5AE
≈ Pattipan
三角配色 +120° +240°
- C8C1AA
Snake Charmer
- AAC7CE
≈ Ocean Eyes
- CEBACA
≈ Antique Heather
分裂互补色 +150° +210°
- C8C1AA
Snake Charmer
- B0C4D5
≈ Faded Indigo
- C5BCD3
≈ Orchid House
四角配色 +90° +180° +270°
- C8C1AA
Snake Charmer
- ABC8C3
≈ Peppermint Pie
- BAC0D7
≈ Xenon Blue
- D4B9BF
≈ Melting Violet
对比度与无障碍
Ag
Fail白底
WCAG 1.80:1 · APCA Lc 33
Ag
AAA黑底
WCAG 11.66:1 · APCA Lc 69
最佳文字颜色: #000000
WCAG 11.66:1 (AAA) · APCA Lc 69
Contrast pairs
代码片段
CSS
:root {
--snake-charmer: #c8c1aa;
--snake-charmer-rgb: 200 193 170;
--snake-charmer-oklch: oklch(0.81 0.032 93);
}
.element {
color: var(--snake-charmer);
background-color: hsl(46 21% 73%);
border-color: oklch(0.81 0.032 93);
}Tailwind CSS v4
@theme {
--color-snake-charmer: #c8c1aa;
--color-snake-charmer-50: #f8f5eb;
--color-snake-charmer-100: #ebe8dc;
--color-snake-charmer-200: #d8d4c5;
--color-snake-charmer-300: #bcb8a5;
--color-snake-charmer-400: #a59e89;
--color-snake-charmer-500: #8d866e;
--color-snake-charmer-600: #78715d;
--color-snake-charmer-700: #605b4b;
--color-snake-charmer-800: #464236;
--color-snake-charmer-900: #312e25;
--color-snake-charmer-950: #1d1a13;
}SCSS
$snake-charmer: #c8c1aa;
$snake-charmer-rgb: 200, 193, 170;
$snake-charmer-light: mix(#fff, $snake-charmer, 20%);
$snake-charmer-dark: mix(#000, $snake-charmer, 20%);
.element {
color: $snake-charmer;
box-shadow: 0 0 0 2px rgba($snake-charmer, 0.35);
}