Named color · #C0DBC6
Green Grapes
Green Grapes is #C0DBC6: rgb(192 219 198), hsl(133 27% 81%), oklch(0.866 0.041 152.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Green Grapes color name →
#C0DBC6
oklch(0.866 0.041 152.1)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- C6DFCC
- CDE2D1
- D3E6D7
- D9E9DD
- DFEDE2
- E6F1E8
- ECF4EE
- F2F8F3
- F9FBF9
Shades
- A7BEAC
- 8EA292
- 76877A
- 5F6D62
- 49544B
- 343C35
- 202621
- 0E110E
- 020202
Tones
- B9D2BF
- B3C8B8
- ACBFB0
- A6B6A9
- A0ACA2
- 99A39B
- 939A94
- 8D928E
- 868987
Color harmonies
Complementary +180°
- C0DBC6
Green Grapes
- E4CADF
≈ Wisteria Whisper
Analogous -30° +30°
- C0DBC6
Green Grapes
- CED8BA
≈ Meadow Mist
- B7DCD5
≈ Catch the Wave
Triadic +120° +240°
- C0DBC6
Green Grapes
- C9D2EE
≈ Frozen Periwinkle
- ECCAC2
≈ Harmony
Split-complementary +150° +210°
- C0DBC6
Green Grapes
- D7CDEA
≈ Plum’s the Word
- EBC8D1
≈ Cake Pop
Tetradic +90° +180° +270°
- C0DBC6
Green Grapes
- BCD7EC
≈ First Rain
- E4CADF
≈ Wisteria Whisper
- E7CEB8
≈ Tanglewood Park
Contrast & accessibility
Ag
FailOn white
WCAG 1.47:1 · APCA Lc 23
Ag
AAAOn black
WCAG 14.18:1 · APCA Lc 81
Best text color: #000000
WCAG 14.18:1 (AAA) · APCA Lc 81
Contrast pairs
Code snippets
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);
}