Named color · #ACA088
Sandy Bluff
Sandy Bluff is #ACA088: rgb(172 160 136), hsl(40 18% 60%), oklch(0.71 0.036 84.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Sandy Bluff color name →
#ACA088
oklch(0.71 0.036 84.6)
Color conversions
- HEX
- #aca088
- RGB
- rgb(172 160 136)
- HSL
- hsl(40 18% 60%)
- HWB
- hwb(40 53% 33%)
- OKLCH
- oklch(0.71 0.036 84.6)
- OKLab
- oklab(0.71 0.003 0.036)
- CIE Lab
- lab(66.42 1.57 14.23)
- LCH
- lch(66.42 14.31 83.7)
- CMYK
- cmyk(0% 7% 21% 33%)
Tints · Shades · Tones
Tints
- B4A993
- BCB29F
- C4BCAB
- CDC5B6
- D5CFC2
- DDD8CE
- E6E2DA
- EEEBE6
- F6F5F3
Shades
- 958B75
- 7F7663
- 696152
- 544E41
- 403B31
- 2D2922
- 1B1913
- 0B0906
- 010101
Tones
- A89D87
- A39A87
- 9F9686
- 9A9385
- 969084
- 918D83
- 8D8A83
- 898682
- 848381
Color harmonies
Complementary +180°
- ACA088
Sandy Bluff
- 96A2B9
≈ Rock Blue
Analogous -30° +30°
- ACA088
Sandy Bluff
- B49C8C
≈ Sombrero
- A0A48B
≈ Solid Snake
Triadic +120° +240°
- ACA088
Sandy Bluff
- 87A8AC
≈ Stone Silver
- AD9AAE
≈ Lilac Lustre
Split-complementary +150° +210°
- ACA088
Sandy Bluff
- 8CA6B5
≈ Blue Skylights
- A29DB6
≈ Wild Thistle
Tetradic +90° +180° +270°
- ACA088
Sandy Bluff
- 8BA9A0
≈ Tropical Cascade
- 96A2B9
≈ Rock Blue
- B598A3
≈ Pink Discord
Contrast & accessibility
Ag
FailOn white
WCAG 2.58:1 · APCA Lc 50
Ag
AAAOn black
WCAG 8.13:1 · APCA Lc 51
Best text color: #000000
WCAG 8.13:1 (AAA) · APCA Lc 51
Contrast pairs
Code snippets
CSS
:root {
--sandy-bluff: #aca088;
--sandy-bluff-rgb: 172 160 136;
--sandy-bluff-oklch: oklch(0.71 0.036 84.6);
}
.element {
color: var(--sandy-bluff);
background-color: hsl(40 18% 60%);
border-color: oklch(0.71 0.036 84.6);
}Tailwind CSS v4
@theme {
--color-sandy-bluff: #aca088;
--color-sandy-bluff-50: #faf5ea;
--color-sandy-bluff-100: #ede7da;
--color-sandy-bluff-200: #dbd4c3;
--color-sandy-bluff-300: #c0b7a3;
--color-sandy-bluff-400: #a89d86;
--color-sandy-bluff-500: #91856b;
--color-sandy-bluff-600: #7b705b;
--color-sandy-bluff-700: #625a48;
--color-sandy-bluff-800: #494134;
--color-sandy-bluff-900: #322d24;
--color-sandy-bluff-950: #1e1a12;
}SCSS
$sandy-bluff: #aca088;
$sandy-bluff-rgb: 172, 160, 136;
$sandy-bluff-light: mix(#fff, $sandy-bluff, 20%);
$sandy-bluff-dark: mix(#000, $sandy-bluff, 20%);
.element {
color: $sandy-bluff;
box-shadow: 0 0 0 2px rgba($sandy-bluff, 0.35);
}