Named color · #EBDAC8
Sandpiper
Sandpiper is #EBDAC8: rgb(235 218 200), hsl(31 47% 85%), oklch(0.897 0.031 69). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Sandpiper color name →
#EBDAC8
oklch(0.897 0.031 69)
Color conversions
- HEX
- #ebdac8
- RGB
- rgb(235 218 200)
- HSL
- hsl(31 47% 85%)
- HWB
- hwb(31 78% 8%)
- OKLCH
- oklch(0.897 0.031 69)
- OKLab
- oklab(0.897 0.011 0.029)
- CIE Lab
- lab(88.09 3.89 11.11)
- LCH
- lch(88.09 11.77 70.7)
- CMYK
- cmyk(0% 7% 15% 8%)
Tints · Shades · Tones
Tints
- EDDECD
- EFE1D3
- F1E5D8
- F3E9DE
- F5ECE3
- F7F0E9
- F9F4EE
- FBF8F4
- FDFBF9
Shades
- CCBDAE
- AEA294
- 91877B
- 756C63
- 5B544C
- 413C36
- 292521
- 13110F
- 030202
Tones
- E0D1C1
- D5C7B9
- CABEB2
- BFB5AB
- B4ACA3
- A9A39C
- 9F9A95
- 94918E
- 8A8987
Color harmonies
Complementary +180°
- EBDAC8
Sandpiper
- CEDFF1
≈ Vanishing Blue
Analogous -30° +30°
- EBDAC8
Sandpiper
- F0D7CE
≈ Tan Whirl
- E2DEC7
≈ Light Pistachio Tang
Triadic +120° +240°
- EBDAC8
Sandpiper
- C7E4E1
≈ Swan Lake
- E3D8ED
≈ Old Chalk
Split-complementary +150° +210°
- EBDAC8
Sandpiper
- C8E2EB
≈ Azul Cielito Lindo
- D8DCF2
≈ Chinese Silver
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.36:1 · APCA Lc 18
Ag
AAAOn black
WCAG 15.39:1 · APCA Lc 86
Best text color: #000000
WCAG 15.39:1 (AAA) · APCA Lc 86
Contrast pairs
Code snippets
CSS
:root {
--sandpiper: #ebdac8;
--sandpiper-rgb: 235 218 200;
--sandpiper-oklch: oklch(0.897 0.031 69);
}
.element {
color: var(--sandpiper);
background-color: hsl(31 47% 85%);
border-color: oklch(0.897 0.031 69);
}Tailwind CSS v4
@theme {
--color-sandpiper: #ebdac8;
--color-sandpiper-50: #fbf4ec;
--color-sandpiper-100: #efe6dd;
--color-sandpiper-200: #ddd2c6;
--color-sandpiper-300: #c2b5a7;
--color-sandpiper-400: #ab9c8b;
--color-sandpiper-500: #948371;
--color-sandpiper-600: #7d6f60;
--color-sandpiper-700: #64594c;
--color-sandpiper-800: #4a4137;
--color-sandpiper-900: #332c26;
--color-sandpiper-950: #1f1a14;
}SCSS
$sandpiper: #ebdac8;
$sandpiper-rgb: 235, 218, 200;
$sandpiper-light: mix(#fff, $sandpiper, 20%);
$sandpiper-dark: mix(#000, $sandpiper, 20%);
.element {
color: $sandpiper;
box-shadow: 0 0 0 2px rgba($sandpiper, 0.35);
}