命名颜色 · #C0DBC6
Green Grapes
Green Grapes 即 #C0DBC6：rgb(192 219 198)、hsl(133 27% 81%)、oklch(0.866 0.041 152.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Green mean? → · Green Grapes color name →
#C0DBC6
oklch(0.866 0.041 152.1)
颜色转换
- HEX
- #c0dbc6
- RGB
- rgb(192 219 198)
- HSL
- hsl(133 27% 81%)
- HWB
- hwb(133 75% 14%)
- OKLCH
- oklch(0.866 0.041 152.1)
- OKLab
- oklab(0.866 -0.036 0.019)
- CIE Lab
- lab(84.96 -12.28 7.19)
- LCH
- lch(84.96 14.23 149.7)
- CMYK
- cmyk(12% 0% 10% 14%)
浅色调 · 深色调 · 灰色调
浅色调
- C6DFCC
- CDE2D1
- D3E6D7
- D9E9DD
- DFEDE2
- E6F1E8
- ECF4EE
- F2F8F3
- F9FBF9
深色调
- A7BEAC
- 8EA292
- 76877A
- 5F6D62
- 49544B
- 343C35
- 202621
- 0E110E
- 020202
灰色调
- B9D2BF
- B3C8B8
- ACBFB0
- A6B6A9
- A0ACA2
- 99A39B
- 939A94
- 8D928E
- 868987
配色和谐
互补色 +180°
- C0DBC6
Green Grapes
- E4CADF
≈ Wisteria Whisper
类似色 -30° +30°
- C0DBC6
Green Grapes
- CED8BA
≈ Meadow Mist
- B7DCD5
≈ Catch the Wave
三角配色 +120° +240°
- C0DBC6
Green Grapes
- C9D2EE
≈ Frozen Periwinkle
- ECCAC2
≈ Harmony
分裂互补色 +150° +210°
- C0DBC6
Green Grapes
- D7CDEA
≈ Plum’s the Word
- EBC8D1
≈ Cake Pop
四角配色 +90° +180° +270°
- C0DBC6
Green Grapes
- BCD7EC
≈ First Rain
- E4CADF
≈ Wisteria Whisper
- E7CEB8
≈ Tanglewood Park
对比度与无障碍
Ag
Fail白底
WCAG 1.47:1 · APCA Lc 23
Ag
AAA黑底
WCAG 14.18:1 · APCA Lc 81
最佳文字颜色: #000000
WCAG 14.18:1 (AAA) · APCA Lc 81
Contrast pairs
代码片段
CSS
:root {
--green-grapes: #c0dbc6;
--green-grapes-rgb: 192 219 198;
--green-grapes-oklch: oklch(0.866 0.041 152.1);
}
.element {
color: var(--green-grapes);
background-color: hsl(133 27% 81%);
border-color: oklch(0.866 0.041 152.1);
}Tailwind CSS v4
@theme {
--color-green-grapes: #c0dbc6;
--color-green-grapes-50: #edf9f0;
--color-green-grapes-100: #deece2;
--color-green-grapes-200: #c8dacc;
--color-green-grapes-300: #a8beae;
--color-green-grapes-400: #8da693;
--color-green-grapes-500: #738e79;
--color-green-grapes-600: #617867;
--color-green-grapes-700: #4e6052;
--color-green-grapes-800: #39473b;
--color-green-grapes-900: #273128;
--color-green-grapes-950: #151d16;
}SCSS
$green-grapes: #c0dbc6;
$green-grapes-rgb: 192, 219, 198;
$green-grapes-light: mix(#fff, $green-grapes, 20%);
$green-grapes-dark: mix(#000, $green-grapes, 20%);
.element {
color: $green-grapes;
box-shadow: 0 0 0 2px rgba($green-grapes, 0.35);
}