Named color · #916D5D
Wild Cattail
Wild Cattail is #916D5D: rgb(145 109 93), hsl(18 22% 47%), oklch(0.566 0.052 45.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Brown mean? → · Wild Cattail color name →
#916D5D
oklch(0.566 0.052 45.1)
Color conversions
- HEX
- #916d5d
- RGB
- rgb(145 109 93)
- HSL
- hsl(18 22% 47%)
- HWB
- hwb(18 36% 43%)
- OKLCH
- oklch(0.566 0.052 45.1)
- OKLab
- oklab(0.566 0.037 0.037)
- CIE Lab
- lab(49.41 13.07 14.81)
- LCH
- lch(49.41 19.75 48.6)
- CMYK
- cmyk(0% 25% 36% 43%)
Tints · Shades · Tones
Tints
- 9C7B6C
- A7897B
- B2978B
- BDA59B
- C8B4AB
- D3C2BB
- DED1CC
- E9E0DD
- F4F0EE
Shades
- 7D5E50
- 6A4F43
- 584137
- 46332A
- 35261F
- 251914
- 150D0A
- 070403
- 010100
Tones
- 906F61
- 8E7164
- 8C7368
- 8B756B
- 89776F
- 877972
- 867B76
- 847C79
- 827E7D
Color harmonies
Complementary +180°
- 916D5D
Wild Cattail
- 547D8E
≈ Technical Blue
Analogous -30° +30°
- 916D5D
Wild Cattail
- 936A6C
≈ San Francisco Mauve
- 897254
≈ Greyish Yellow
Triadic +120° +240°
- 916D5D
Wild Cattail
- 59806F
≈ Frosty Spruce
- 737294
≈ Rhythm
Split-complementary +150° +210°
- 916D5D
Wild Cattail
- 508080
≈ Nickel Ore Green
- 627895
≈ Rushing River
Tetradic +90° +180° +270°
- 916D5D
Wild Cattail
- 697E5F
≈ Emerald City
- 547D8E
≈ Technical Blue
- 826D8C
≈ Grey Purple
Contrast & accessibility
Ag
AAOn white
WCAG 4.61:1 · APCA Lc 72
Ag
AAOn black
WCAG 4.54:1 · APCA Lc 30
Best text color: #FFFFFF
WCAG 4.61:1 (AA) · APCA Lc 72
Contrast pairs
Code snippets
CSS
:root {
--wild-cattail: #916d5d;
--wild-cattail-rgb: 145 109 93;
--wild-cattail-oklch: oklch(0.566 0.052 45.1);
}
.element {
color: var(--wild-cattail);
background-color: hsl(18 22% 47%);
border-color: oklch(0.566 0.052 45.1);
}Tailwind CSS v4
@theme {
--color-wild-cattail: #916d5d;
--color-wild-cattail-50: #fff1e9;
--color-wild-cattail-100: #f8e3d9;
--color-wild-cattail-200: #e8cec2;
--color-wild-cattail-300: #cfb0a1;
--color-wild-cattail-400: #ba9585;
--color-wild-cattail-500: #a47c6a;
--color-wild-cattail-600: #8b695a;
--color-wild-cattail-700: #6f5447;
--color-wild-cattail-800: #523d34;
--color-wild-cattail-900: #392a23;
--color-wild-cattail-950: #241712;
}SCSS
$wild-cattail: #916d5d;
$wild-cattail-rgb: 145, 109, 93;
$wild-cattail-light: mix(#fff, $wild-cattail, 20%);
$wild-cattail-dark: mix(#000, $wild-cattail, 20%);
.element {
color: $wild-cattail;
box-shadow: 0 0 0 2px rgba($wild-cattail, 0.35);
}