Named color · #908A9B
Gentle Grape
Gentle Grape is #908A9B: rgb(144 138 155), hsl(261 8% 57%), oklch(0.644 0.026 301.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Gentle Grape color name →
#908A9B
oklch(0.644 0.026 301.7)
Color conversions
- HEX
- #908a9b
- RGB
- rgb(144 138 155)
- HSL
- hsl(261 8% 57%)
- HWB
- hwb(261 54% 39%)
- OKLCH
- oklch(0.644 0.026 301.7)
- OKLab
- oklab(0.644 0.014 -0.022)
- CIE Lab
- lab(58.43 4.84 -8.23)
- LCH
- lch(58.43 9.55 300.5)
- CMYK
- cmyk(7% 11% 0% 39%)
Tints · Shades · Tones
Tints
- 9B95A5
- A5A0AE
- B0ACB8
- BBB7C2
- C6C3CC
- D1CFD6
- DCDBE0
- E8E7EA
- F3F3F5
Shades
- 7D7786
- 6A6572
- 57535E
- 45424B
- 343239
- 242228
- 151418
- 070709
- 010101
Tones
- 8E8998
- 8D8896
- 8B8793
- 8A8690
- 88858D
- 86848B
- 858388
- 838285
- 828183
Color harmonies
Complementary +180°
- 908A9B
Gentle Grape
- 8B907F
≈ Lavender Leaf Green
Analogous -30° +30°
- 908A9B
Gentle Grape
- 888D9E
≈ Applause Please
- 978895
≈ Purple Mauve
Triadic +120° +240°
- 908A9B
Gentle Grape
- 998A7E
≈ Hammered Silver
- 7D938E
≈ Granny Smith
Split-complementary +150° +210°
- 908A9B
Gentle Grape
- 938D7C
≈ Olivine Grey
- 829286
≈ Green Bay
Tetradic +90° +180° +270°
- 908A9B
Gentle Grape
- 9D8884
≈ Cocoa Berry
- 8B907F
≈ Lavender Leaf Green
- 7C9297
≈ Silent Tide
Contrast & accessibility
Ag
FailOn white
WCAG 3.33:1 · APCA Lc 61
Ag
AAOn black
WCAG 6.29:1 · APCA Lc 41
Best text color: #000000
WCAG 6.29:1 (AA) · APCA Lc 41
Contrast pairs
Code snippets
CSS
:root {
--gentle-grape: #908a9b;
--gentle-grape-rgb: 144 138 155;
--gentle-grape-oklch: oklch(0.644 0.026 301.7);
}
.element {
color: var(--gentle-grape);
background-color: hsl(261 8% 57%);
border-color: oklch(0.644 0.026 301.7);
}Tailwind CSS v4
@theme {
--color-gentle-grape: #908a9b;
--color-gentle-grape-50: #f6f3fb;
--color-gentle-grape-100: #e9e6ef;
--color-gentle-grape-200: #d6d2de;
--color-gentle-grape-300: #bab4c3;
--color-gentle-grape-400: #a19bac;
--color-gentle-grape-500: #898295;
--color-gentle-grape-600: #746e7e;
--color-gentle-grape-700: #5d5865;
--color-gentle-grape-800: #44404a;
--color-gentle-grape-900: #2f2c34;
--color-gentle-grape-950: #1b191f;
}SCSS
$gentle-grape: #908a9b;
$gentle-grape-rgb: 144, 138, 155;
$gentle-grape-light: mix(#fff, $gentle-grape, 20%);
$gentle-grape-dark: mix(#000, $gentle-grape, 20%);
.element {
color: $gentle-grape;
box-shadow: 0 0 0 2px rgba($gentle-grape, 0.35);
}