Named color · #B58338
Andouille
Andouille is #B58338: rgb(181 131 56), hsl(36 53% 46%), oklch(0.645 0.11 74.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Andouille color name →
#B58338
oklch(0.645 0.11 74.4)
Color conversions
- HEX
- #b58338
- RGB
- rgb(181 131 56)
- HSL
- hsl(36 53% 46%)
- HWB
- hwb(36 22% 29%)
- OKLCH
- oklch(0.645 0.11 74.4)
- OKLab
- oklab(0.645 0.029 0.106)
- CIE Lab
- lab(58.78 14.41 47.01)
- LCH
- lch(58.78 49.17 73)
- CMYK
- cmyk(0% 28% 69% 29%)
Tints · Shades · Tones
Tints
- BD8F4F
- C49B64
- CCA877
- D3B48B
- DBC09E
- E2CDB1
- E9D9C5
- F1E6D8
- F8F2EB
Shades
- 9D712F
- 866027
- 6F4F1F
- 593F17
- 442F0F
- 302008
- 1D1204
- 0C0601
- 020100
Tones
- B08342
- AB834B
- A58354
- A0835B
- 9B8262
- 968268
- 90826F
- 8B8175
- 85817A
Color harmonies
Complementary +180°
- B58338
Andouille
- 5D90CF
≈ Blue Dart
Analogous -30° +30°
- B58338
Andouille
- C57754
≈ Spanish Peanut
- 989139
≈ Plantain
Triadic +120° +240°
- B58338
Andouille
- 03A2A2
≈ Pleasant Stream
- A679BC
≈ Wisteria
Split-complementary +150° +210°
- B58338
Andouille
- 2B9BBF
≈ Blue Horizon
- 8684CE
≈ Brocade
Tetradic +90° +180° +270°
- B58338
Andouille
- 40A37C
≈ Funk
- 5D90CF
≈ Blue Dart
- BD719E
≈ Crocus
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 {
--andouille: #b58338;
--andouille-rgb: 181 131 56;
--andouille-oklch: oklch(0.645 0.11 74.4);
}
.element {
color: var(--andouille);
background-color: hsl(36 53% 46%);
border-color: oklch(0.645 0.11 74.4);
}Tailwind CSS v4
@theme {
--color-andouille: #b58338;
--color-andouille-50: #fff2d3;
--color-andouille-100: #fde4c0;
--color-andouille-200: #efcfa0;
--color-andouille-300: #d8b076;
--color-andouille-400: #c5944f;
--color-andouille-500: #b17a1f;
--color-andouille-600: #95671d;
--color-andouille-700: #785317;
--color-andouille-800: #593b0f;
--color-andouille-900: #3e2909;
--color-andouille-950: #281600;
}SCSS
$andouille: #b58338;
$andouille-rgb: 181, 131, 56;
$andouille-light: mix(#fff, $andouille, 20%);
$andouille-dark: mix(#000, $andouille, 20%);
.element {
color: $andouille;
box-shadow: 0 0 0 2px rgba($andouille, 0.35);
}