Couleur nommée · #EBDAC8
Sandpiper
Sandpiper correspond à #EBDAC8 : rgb(235 218 200), hsl(31 47% 85%), oklch(0.897 0.031 69). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Sandpiper color name →
#EBDAC8
oklch(0.897 0.031 69)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- EDDECD
- EFE1D3
- F1E5D8
- F3E9DE
- F5ECE3
- F7F0E9
- F9F4EE
- FBF8F4
- FDFBF9
Ombres
- CCBDAE
- AEA294
- 91877B
- 756C63
- 5B544C
- 413C36
- 292521
- 13110F
- 030202
Tons
- E0D1C1
- D5C7B9
- CABEB2
- BFB5AB
- B4ACA3
- A9A39C
- 9F9A95
- 94918E
- 8A8987
Harmonies de couleurs
Complémentaire +180°
- EBDAC8
Sandpiper
- CEDFF1
≈ Vanishing Blue
Analogue -30° +30°
- EBDAC8
Sandpiper
- F0D7CE
≈ Tan Whirl
- E2DEC7
≈ Light Pistachio Tang
Triadique +120° +240°
- EBDAC8
Sandpiper
- C7E4E1
≈ Swan Lake
- E3D8ED
≈ Old Chalk
Complémentaire divisée +150° +210°
- EBDAC8
Sandpiper
- C8E2EB
≈ Azul Cielito Lindo
- D8DCF2
≈ Chinese Silver
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.36:1 · APCA Lc 18
Ag
AAASur noir
WCAG 15.39:1 · APCA Lc 86
Meilleure couleur de texte: #000000
WCAG 15.39:1 (AAA) · APCA Lc 86
Contrast pairs
Extraits de code
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);
}