Named color · #CBBE9C
Sandwashed
Sandwashed is #CBBE9C: rgb(203 190 156), hsl(43 31% 70%), oklch(0.804 0.048 89.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Sandwashed color name →
#CBBE9C
oklch(0.804 0.048 89.6)
Color conversions
- HEX
- #cbbe9c
- RGB
- rgb(203 190 156)
- HSL
- hsl(43 31% 70%)
- HWB
- hwb(43 61% 20%)
- OKLCH
- oklch(0.804 0.048 89.6)
- OKLab
- oklab(0.804 0 0.048)
- CIE Lab
- lab(77.41 0.74 18.99)
- LCH
- lch(77.41 19 87.8)
- CMYK
- cmyk(0% 6% 23% 20%)
Tints · Shades · Tones
Tints
- D0C4A6
- D5CBB0
- DAD1B9
- E0D8C3
- E5DECD
- EAE5D7
- EFEBE1
- F4F2EB
- FAF8F5
Shades
- B0A587
- 968C73
- 7D755F
- 655E4C
- 4D4839
- 373328
- 221F18
- 0F0D09
- 020201
Tones
- C3B899
- BCB197
- B4AB94
- ACA591
- A59F8E
- 9D988C
- 969289
- 8E8C86
- 878683
Color harmonies
Complementary +180°
- CBBE9C
Sandwashed
- B2BEDF
≈ Wish
Analogous -30° +30°
- CBBE9C
Sandwashed
- D7B8A0
≈ Ivory Cream
- BBC4A1
≈ Seagrass
Triadic +120° +240°
- CBBE9C
Sandwashed
- 9BC8D0
≈ Surfside
- D1B4CE
≈ Mary Poppins
Split-complementary +150° +210°
- CBBE9C
Sandwashed
- A3C4DB
≈ Mr Frosty
- C3B8DA
≈ Tinted Iris
Tetradic +90° +180° +270°
- CBBE9C
Sandwashed
- 9ECAC0
≈ Tareyton
- B2BEDF
≈ Wish
- DAB3BE
≈ Pentalon
Contrast & accessibility
Ag
FailOn white
WCAG 1.84:1 · APCA Lc 35
Ag
AAAOn black
WCAG 11.38:1 · APCA Lc 68
Best text color: #000000
WCAG 11.38:1 (AAA) · APCA Lc 68
Contrast pairs
Code snippets
CSS
:root {
--sandwashed: #cbbe9c;
--sandwashed-rgb: 203 190 156;
--sandwashed-oklch: oklch(0.804 0.048 89.6);
}
.element {
color: var(--sandwashed);
background-color: hsl(43 31% 70%);
border-color: oklch(0.804 0.048 89.6);
}Tailwind CSS v4
@theme {
--color-sandwashed: #cbbe9c;
--color-sandwashed-50: #faf5e6;
--color-sandwashed-100: #eee8d6;
--color-sandwashed-200: #dcd4be;
--color-sandwashed-300: #c0b79c;
--color-sandwashed-400: #aa9e7e;
--color-sandwashed-500: #938561;
--color-sandwashed-600: #7c7153;
--color-sandwashed-700: #635a42;
--color-sandwashed-800: #49422f;
--color-sandwashed-900: #332d20;
--color-sandwashed-950: #1f1a0f;
}SCSS
$sandwashed: #cbbe9c;
$sandwashed-rgb: 203, 190, 156;
$sandwashed-light: mix(#fff, $sandwashed, 20%);
$sandwashed-dark: mix(#000, $sandwashed, 20%);
.element {
color: $sandwashed;
box-shadow: 0 0 0 2px rgba($sandwashed, 0.35);
}