Nearest named color · #B5824D
#B5824D
Nearest named color: Arrakis Spice
#B5824D (rgb(181 130 77), hsl(31 41% 51%), oklch(0.646 0.094 65.9)) is closest to the named color Arrakis Spice. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#B5824D
oklch(0.646 0.094 65.9)
Color conversions
- HEX
- #b5824d
- RGB
- rgb(181 130 77)
- HSL
- hsl(31 41% 51%)
- HWB
- hwb(31 30% 29%)
- OKLCH
- oklch(0.646 0.094 65.9)
- OKLab
- oklab(0.646 0.038 0.086)
- CIE Lab
- lab(58.73 15.98 36.54)
- LCH
- lch(58.73 39.88 66.4)
- CMYK
- cmyk(0% 28% 57% 29%)
Tints · Shades · Tones
Tints
- BD8E5F
- C49A71
- CCA783
- D3B394
- DBC0A6
- E2CCB7
- E9D9C9
- F1E5DB
- F8F2ED
Shades
- 9D7042
- 865F37
- 6F4E2C
- 593E22
- 442F18
- 30200F
- 1D1207
- 0C0602
- 020100
Tones
- B08253
- AB8259
- A6825F
- A08264
- 9B8269
- 96826E
- 908173
- 8B8177
- 86807C
Color harmonies
Complementary +180°
- B5824D
Arrakis Spice
- 5B94C4
≈ Come Sail Away
Analogous -30° +30°
- B5824D
Arrakis Spice
- C07966
≈ Himalayan Salt
- 9F8E47
≈ Off the Grid
Triadic +120° +240°
- B5824D
Arrakis Spice
- 3BA096
≈ Baltic Green
- 9C7FBC
≈ Purple Mountains’ Majesty
Split-complementary +150° +210°
- B5824D
Arrakis Spice
- 3C9CB2
≈ Sports Blue
- 7E89C7
≈ True Lavender
Tetradic +90° +180° +270°
- B5824D
Arrakis Spice
- 5B9F76
≈ Advertising Green
- 5B94C4
≈ Come Sail Away
- B278A4
≈ Victorian Violet
Contrast & accessibility
Ag
FailOn white
WCAG 3.35:1 · APCA Lc 61
Ag
AAOn black
WCAG 6.26:1 · APCA Lc 41
Best text color: #000000
WCAG 6.26:1 (AA) · APCA Lc 41
Contrast pairs
Code snippets
CSS
:root {
--arrakis-spice: #b5824d;
--arrakis-spice-rgb: 181 130 77;
--arrakis-spice-oklch: oklch(0.646 0.094 65.9);
}
.element {
color: var(--arrakis-spice);
background-color: hsl(31 41% 51%);
border-color: oklch(0.646 0.094 65.9);
}Tailwind CSS v4
@theme {
--color-arrakis-spice: #b5824d;
--color-arrakis-spice-50: #fff1d9;
--color-arrakis-spice-100: #fee3c7;
--color-arrakis-spice-200: #f0cdaa;
--color-arrakis-spice-300: #d8af83;
--color-arrakis-spice-400: #c59361;
--color-arrakis-spice-500: #b0793d;
--color-arrakis-spice-600: #956634;
--color-arrakis-spice-700: #77522a;
--color-arrakis-spice-800: #593b1d;
--color-arrakis-spice-900: #3e2813;
--color-arrakis-spice-950: #271605;
}SCSS
$arrakis-spice: #b5824d;
$arrakis-spice-rgb: 181, 130, 77;
$arrakis-spice-light: mix(#fff, $arrakis-spice, 20%);
$arrakis-spice-dark: mix(#000, $arrakis-spice, 20%);
.element {
color: $arrakis-spice;
box-shadow: 0 0 0 2px rgba($arrakis-spice, 0.35);
}