最接近的命名颜色 · #C1A49C
#C1A49C
最接近的命名颜色: Sable Cloaked
#C1A49C（rgb(193 164 156)、hsl(13 23% 68%)、oklch(0.742 0.036 35.9)）最接近命名颜色 Sable Cloaked。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#C1A49C
oklch(0.742 0.036 35.9)
颜色转换
- HEX
- #c1a49c
- RGB
- rgb(193 164 156)
- HSL
- hsl(13 23% 68%)
- HWB
- hwb(13 61% 24%)
- OKLCH
- oklch(0.742 0.036 35.9)
- OKLab
- oklab(0.742 0.029 0.021)
- CIE Lab
- lab(69.82 10.02 8.32)
- LCH
- lch(69.82 13.03 39.7)
- CMYK
- cmyk(0% 15% 19% 24%)
浅色调 · 深色调 · 灰色调
浅色调
- C7ADA6
- CDB6AF
- D4BFB9
- DAC8C3
- E0D1CC
- E6DAD6
- ECE3E0
- F3ECEB
- F9F6F5
深色调
- A78E87
- 8F7973
- 77645F
- 5F504C
- 493D39
- 342B28
- 201A18
- 0E0A09
- 020101
灰色调
- BAA099
- B49D96
- AD9994
- A79691
- A0928E
- 9A8E8B
- 938B88
- 8D8786
- 868483
配色和谐
互补色 +180°
- C1A49C
Sable Cloaked
- 92B2BA
≈ Lucy Blue
类似色 -30° +30°
- C1A49C
Sable Cloaked
- C1A2A8
≈ Tourmaline Mauve
- BCA794
≈ Brown Teepee
三角配色 +120° +240°
- C1A49C
Sable Cloaked
- 9AB3A2
≈ Phoenix Tears
- A5AAC3
≈ Foxflower Viola
分裂互补色 +150° +210°
- C1A49C
Sable Cloaked
- 93B3AF
≈ Lake Forest
- 99AEC1
≈ Soaring Eagle
四角配色 +90° +180° +270°
- C1A49C
Sable Cloaked
- A6B098
≈ Banksia
- 92B2BA
≈ Lucy Blue
- B1A6BE
≈ Transparent Mauve
对比度与无障碍
Ag
Fail白底
WCAG 2.31:1 · APCA Lc 46
Ag
AAA黑底
WCAG 9.05:1 · APCA Lc 56
最佳文字颜色: #000000
WCAG 9.05:1 (AAA) · APCA Lc 56
Contrast pairs
代码片段
CSS
:root {
--sable-cloaked: #c1a49c;
--sable-cloaked-rgb: 193 164 156;
--sable-cloaked-oklch: oklch(0.742 0.036 35.9);
}
.element {
color: var(--sable-cloaked);
background-color: hsl(13 23% 68%);
border-color: oklch(0.742 0.036 35.9);
}Tailwind CSS v4
@theme {
--color-sable-cloaked: #c1a49c;
--color-sable-cloaked-50: #fff2ee;
--color-sable-cloaked-100: #f3e4df;
--color-sable-cloaked-200: #e3cfc9;
--color-sable-cloaked-300: #c9b2aa;
--color-sable-cloaked-400: #b39790;
--color-sable-cloaked-500: #9c7e76;
--color-sable-cloaked-600: #846b64;
--color-sable-cloaked-700: #6a5550;
--color-sable-cloaked-800: #4e3e3a;
--color-sable-cloaked-900: #362b28;
--color-sable-cloaked-950: #211816;
}SCSS
$sable-cloaked: #c1a49c;
$sable-cloaked-rgb: 193, 164, 156;
$sable-cloaked-light: mix(#fff, $sable-cloaked, 20%);
$sable-cloaked-dark: mix(#000, $sable-cloaked, 20%);
.element {
color: $sable-cloaked;
box-shadow: 0 0 0 2px rgba($sable-cloaked, 0.35);
}