Named color · #E9D5AD
Sandbank
Sandbank is #E9D5AD: rgb(233 213 173), hsl(40 58% 80%), oklch(0.879 0.057 84.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Sandbank color name →
#E9D5AD
oklch(0.879 0.057 84.5)
Color conversions
- HEX
- #e9d5ad
- RGB
- rgb(233 213 173)
- HSL
- hsl(40 58% 80%)
- HWB
- hwb(40 68% 9%)
- OKLCH
- oklch(0.879 0.057 84.5)
- OKLab
- oklab(0.879 0.005 0.057)
- CIE Lab
- lab(86.19 2.69 22.5)
- LCH
- lch(86.19 22.67 83.2)
- CMYK
- cmyk(0% 9% 26% 9%)
Tints · Shades · Tones
Tints
- EBD9B5
- EDDDBD
- F0E2C6
- F2E6CE
- F4EAD6
- F6EEDE
- F8F2E6
- FBF7EF
- FDFBF7
Shades
- CBB996
- AD9E7F
- 90836A
- 746A55
- 5A5141
- 413A2D
- 29241B
- 13100B
- 030201
Tones
- DECCA9
- D3C3A4
- C8BBA0
- BEB29B
- B3AA97
- A9A192
- 9E998E
- 949089
- 8A8885
Color harmonies
Complementary +180°
- E9D5AD
Sandbank
- C5D8FE
≈ Pale Phthalo Blue
Analogous -30° +30°
- E9D5AD
Sandbank
- F6CEB4
≈ Royal Milk Tea
- D6DCB2
≈ Spring Thyme
Triadic +120° +240°
- E9D5AD
Sandbank
- ABE3E9
≈ Uranus
- EBCBED
≈ Bubblegum Crisis
Split-complementary +150° +210°
- E9D5AD
Sandbank
- B3DEF8
≈ Fairy Sparkles
- D9D1FA
≈ Pale Lavender
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.43:1 · APCA Lc 21
Ag
AAAOn black
WCAG 14.58:1 · APCA Lc 82
Best text color: #000000
WCAG 14.58:1 (AAA) · APCA Lc 82
Contrast pairs
Code snippets
CSS
:root {
--sandbank: #e9d5ad;
--sandbank-rgb: 233 213 173;
--sandbank-oklch: oklch(0.879 0.057 84.5);
}
.element {
color: var(--sandbank);
background-color: hsl(40 58% 80%);
border-color: oklch(0.879 0.057 84.5);
}Tailwind CSS v4
@theme {
--color-sandbank: #e9d5ad;
--color-sandbank-50: #fcf4e3;
--color-sandbank-100: #f0e7d3;
--color-sandbank-200: #dfd3b9;
--color-sandbank-300: #c4b697;
--color-sandbank-400: #ae9c78;
--color-sandbank-500: #98835a;
--color-sandbank-600: #806f4d;
--color-sandbank-700: #67593d;
--color-sandbank-800: #4c412b;
--color-sandbank-900: #352d1d;
--color-sandbank-950: #201a0d;
}SCSS
$sandbank: #e9d5ad;
$sandbank-rgb: 233, 213, 173;
$sandbank-light: mix(#fff, $sandbank, 20%);
$sandbank-dark: mix(#000, $sandbank, 20%);
.element {
color: $sandbank;
box-shadow: 0 0 0 2px rgba($sandbank, 0.35);
}