最接近的命名颜色 · #C9B296
#C9B296
最接近的命名颜色: Tender Taupe
#C9B296（rgb(201 178 150)、hsl(33 32% 69%)、oklch(0.776 0.047 72.5)）最接近命名颜色 Tender Taupe。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#C9B296
oklch(0.776 0.047 72.5)
颜色转换
- HEX
- #c9b296
- RGB
- rgb(201 178 150)
- HSL
- hsl(33 32% 69%)
- HWB
- hwb(33 59% 21%)
- OKLCH
- oklch(0.776 0.047 72.5)
- OKLab
- oklab(0.776 0.014 0.044)
- CIE Lab
- lab(74.04 5.35 17.56)
- LCH
- lch(74.04 18.36 73.1)
- CMYK
- cmyk(0% 11% 25% 21%)
浅色调 · 深色调 · 灰色调
浅色调
- CEBAA0
- D4C1AB
- D9C9B5
- DFD0BF
- E4D8CA
- E9E0D4
- EFE8DF
- F4EFEA
- FAF7F4
深色调
- AE9A82
- 95836E
- 7C6D5B
- 645749
- 4C4337
- 362F26
- 221D16
- 0F0C08
- 020101
灰色调
- C1AD94
- BAA892
- B3A390
- AB9E8E
- A4998B
- 9D9489
- 958F87
- 8E8A85
- 878582
配色和谐
互补色 +180°
- C9B296
Tender Taupe
- A1B9D4
≈ Sky Pilot
类似色 -30° +30°
- C9B296
Tender Taupe
- D1AD9F
≈ Rose Smoke
- BBB896
≈ Bog
三角配色 +120° +240°
- C9B296
Tender Taupe
- 94C0BE
≈ Chinese Tzu
- C0AECC
≈ Grape’s Treasure
分裂互补色 +150° +210°
- C9B296
Tender Taupe
- 96BDCC
≈ Reef Blue
- B1B3D4
≈ Freesia Purple
四角配色 +90° +180° +270°
- C9B296
Tender Taupe
- 9CC0AD
≈ Spring Reflection
- A1B9D4
≈ Sky Pilot
- CCABBE
≈ Winsome Orchid
对比度与无障碍
Ag
Fail白底
WCAG 2.04:1 · APCA Lc 40
Ag
AAA黑底
WCAG 10.29:1 · APCA Lc 63
最佳文字颜色: #000000
WCAG 10.29:1 (AAA) · APCA Lc 63
Contrast pairs
代码片段
CSS
:root {
--tender-taupe: #c9b296;
--tender-taupe-rgb: 201 178 150;
--tender-taupe-oklch: oklch(0.776 0.047 72.5);
}
.element {
color: var(--tender-taupe);
background-color: hsl(33 32% 69%);
border-color: oklch(0.776 0.047 72.5);
}Tailwind CSS v4
@theme {
--color-tender-taupe: #c9b296;
--color-tender-taupe-50: #fdf4e7;
--color-tender-taupe-100: #f1e6d7;
--color-tender-taupe-200: #e0d2bf;
--color-tender-taupe-300: #c6b49e;
--color-tender-taupe-400: #b09b81;
--color-tender-taupe-500: #9a8264;
--color-tender-taupe-600: #826e55;
--color-tender-taupe-700: #685844;
--color-tender-taupe-800: #4d4031;
--color-tender-taupe-900: #352c21;
--color-tender-taupe-950: #211910;
}SCSS
$tender-taupe: #c9b296;
$tender-taupe-rgb: 201, 178, 150;
$tender-taupe-light: mix(#fff, $tender-taupe, 20%);
$tender-taupe-dark: mix(#000, $tender-taupe, 20%);
.element {
color: $tender-taupe;
box-shadow: 0 0 0 2px rgba($tender-taupe, 0.35);
}