命名颜色 · #C8C197
Parlour Sage
Parlour Sage 即 #C8C197：rgb(200 193 151)、hsl(51 31% 69%)、oklch(0.806 0.057 99.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Parlour Sage color name →
#C8C197
oklch(0.806 0.057 99.6)
颜色转换
- HEX
- #c8c197
- RGB
- rgb(200 193 151)
- HSL
- hsl(51 31% 69%)
- HWB
- hwb(51 59% 22%)
- OKLCH
- oklch(0.806 0.057 99.6)
- OKLab
- oklab(0.806 -0.01 0.056)
- CIE Lab
- lab(77.85 -2.42 22.17)
- LCH
- lch(77.85 22.31 96.2)
- CMYK
- cmyk(0% 4% 25% 22%)
浅色调 · 深色调 · 灰色调
浅色调
- CDC7A1
- D3CDAC
- D8D3B6
- DEDAC0
- E3E0CB
- E9E6D5
- EEECDF
- F4F2EA
- F9F9F4
深色调
- AEA783
- 948F6F
- 7B775C
- 635F49
- 4C4937
- 363426
- 212017
- 0F0E08
- 020201
灰色调
- C1BA95
- B9B493
- B2AD91
- AAA78E
- A3A08C
- 9C9A8A
- 959387
- 8E8D85
- 878683
配色和谐
互补色 +180°
- C8C197
Parlour Sage
- B8BCE5
≈ Pretty Posie
类似色 -30° +30°
- C8C197
Parlour Sage
- D8BA98
≈ Wheat Toast
- B4C7A1
≈ Freshwater Green
三角配色 +120° +240°
- C8C197
Parlour Sage
- 97C9D9
≈ Soothing Blue
- DAB2CB
≈ Purple Poodle
分裂互补色 +150° +210°
- C8C197
Parlour Sage
- A4C3E4
≈ Promise
- CBB6DC
≈ Viking Diva
四角配色 +90° +180° +270°
- C8C197
Parlour Sage
- 95CCC7
≈ Jamaica Bay
- B8BCE5
≈ Pretty Posie
- E1B1B7
≈ Sakura
对比度与无障碍
Ag
Fail白底
WCAG 1.82:1 · APCA Lc 34
Ag
AAA黑底
WCAG 11.53:1 · APCA Lc 69
最佳文字颜色: #000000
WCAG 11.53:1 (AAA) · APCA Lc 69
Contrast pairs
代码片段
CSS
:root {
--parlour-sage: #c8c197;
--parlour-sage-rgb: 200 193 151;
--parlour-sage-oklch: oklch(0.806 0.057 99.6);
}
.element {
color: var(--parlour-sage);
background-color: hsl(51 31% 69%);
border-color: oklch(0.806 0.057 99.6);
}Tailwind CSS v4
@theme {
--color-parlour-sage: #c8c197;
--color-parlour-sage-50: #f8f6e4;
--color-parlour-sage-100: #ebe9d4;
--color-parlour-sage-200: #d9d6ba;
--color-parlour-sage-300: #bdb998;
--color-parlour-sage-400: #a6a079;
--color-parlour-sage-500: #8f875b;
--color-parlour-sage-600: #79734d;
--color-parlour-sage-700: #615c3e;
--color-parlour-sage-800: #48432c;
--color-parlour-sage-900: #322e1d;
--color-parlour-sage-950: #1e1b0d;
}SCSS
$parlour-sage: #c8c197;
$parlour-sage-rgb: 200, 193, 151;
$parlour-sage-light: mix(#fff, $parlour-sage, 20%);
$parlour-sage-dark: mix(#000, $parlour-sage, 20%);
.element {
color: $parlour-sage;
box-shadow: 0 0 0 2px rgba($parlour-sage, 0.35);
}