Named color · #D3C3D4
Seedless Grape
Seedless Grape is #D3C3D4: rgb(211 195 212), hsl(296 17% 80%), oklch(0.835 0.029 324.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Seedless Grape color name →
#D3C3D4
oklch(0.835 0.029 324.1)
Color conversions
- HEX
- #d3c3d4
- RGB
- rgb(211 195 212)
- HSL
- hsl(296 17% 80%)
- HWB
- hwb(296 76% 17%)
- OKLCH
- oklch(0.835 0.029 324.1)
- OKLab
- oklab(0.835 0.024 -0.017)
- CIE Lab
- lab(80.52 8.07 -6.39)
- LCH
- lch(80.52 10.29 321.6)
- CMYK
- cmyk(0% 8% 0% 17%)
Tints · Shades · Tones
Tints
- D7C9D8
- DCCFDD
- E0D5E1
- E4DBE5
- E9E1E9
- EDE7EE
- F2EDF2
- F6F3F6
- FBF9FB
Shades
- B7A9B8
- 9C909D
- 827883
- 696069
- 514A51
- 3A343A
- 242024
- 100E10
- 020202
Tones
- CABCCB
- C2B5C3
- B9AEBA
- B1A8B2
- A9A1A9
- A09AA1
- 989498
- 908D90
- 888688
Color harmonies
Complementary +180°
- D3C3D4
Seedless Grape
- BECEBD
≈ Paris White
Analogous -30° +30°
- D3C3D4
Seedless Grape
- CAC6DB
≈ Pax
- D9C2CA
≈ Old Mission Pink
Triadic +120° +240°
- D3C3D4
Seedless Grape
- D2C8B4
≈ Sandstone Cliff
- B4CFD2
≈ Clinical Soft Blue
Split-complementary +150° +210°
- D3C3D4
Seedless Grape
- C8CCB6
≈ Only Olive
- B7D0C7
≈ Quiet Drizzle
Tetradic +90° +180° +270°
- D3C3D4
Seedless Grape
- D9C4B8
≈ Basic Coral
- BECEBD
≈ Paris White
- B7CDD9
≈ Light Sea Breeze
Contrast & accessibility
Ag
FailOn white
WCAG 1.67:1 · APCA Lc 30
Ag
AAAOn black
WCAG 12.52:1 · APCA Lc 73
Best text color: #000000
WCAG 12.52:1 (AAA) · APCA Lc 73
Contrast pairs
Code snippets
CSS
:root {
--seedless-grape: #d3c3d4;
--seedless-grape-rgb: 211 195 212;
--seedless-grape-oklch: oklch(0.835 0.029 324.1);
}
.element {
color: var(--seedless-grape);
background-color: hsl(296 17% 80%);
border-color: oklch(0.835 0.029 324.1);
}Tailwind CSS v4
@theme {
--color-seedless-grape: #d3c3d4;
--color-seedless-grape-50: #faf2fa;
--color-seedless-grape-100: #ede5ed;
--color-seedless-grape-200: #dbd0db;
--color-seedless-grape-300: #c0b2bf;
--color-seedless-grape-400: #a799a8;
--color-seedless-grape-500: #908091;
--color-seedless-grape-600: #7a6c7b;
--color-seedless-grape-700: #625762;
--color-seedless-grape-800: #473f48;
--color-seedless-grape-900: #312b32;
--color-seedless-grape-950: #1d191e;
}SCSS
$seedless-grape: #d3c3d4;
$seedless-grape-rgb: 211, 195, 212;
$seedless-grape-light: mix(#fff, $seedless-grape, 20%);
$seedless-grape-dark: mix(#000, $seedless-grape, 20%);
.element {
color: $seedless-grape;
box-shadow: 0 0 0 2px rgba($seedless-grape, 0.35);
}