Named color · #B59C9C
Violet Dusk
Violet Dusk is #B59C9C: rgb(181 156 156), hsl(0 14% 66%), oklch(0.715 0.03 17.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Violet Dusk color name →
#B59C9C
oklch(0.715 0.03 17.9)
Color conversions
- HEX
- #b59c9c
- RGB
- rgb(181 156 156)
- HSL
- hsl(0 14% 66%)
- HWB
- hwb(0 61% 29%)
- OKLCH
- oklch(0.715 0.03 17.9)
- OKLab
- oklab(0.715 0.028 0.009)
- CIE Lab
- lab(66.62 9.53 3.59)
- LCH
- lch(66.62 10.18 20.7)
- CMYK
- cmyk(0% 14% 14% 29%)
Tints · Shades · Tones
Tints
- BCA6A5
- C4AFAF
- CBB9B9
- D2C3C3
- DACCCC
- E1D6D6
- E9E0E0
- F0EBEB
- F8F5F5
Shades
- 9D8787
- 867373
- 6F5F5F
- 594C4C
- 443939
- 302828
- 1D1818
- 0C0909
- 020101
Tones
- B09999
- AA9696
- A59494
- A09191
- 9A8E8E
- 958B8B
- 908888
- 8B8686
- 858383
Color harmonies
Complementary +180°
- B59C9C
Violet Dusk
- 8EA9AA
≈ In the Deep End
Analogous -30° +30°
- B59C9C
Violet Dusk
- B29CA6
≈ On the Nile
- B39E93
≈ Big Horn Mountains
Triadic +120° +240°
- B59C9C
Violet Dusk
- 9AA896
≈ Green Trellis
- 98A4B6
≈ Moon Shadow
Split-complementary +150° +210°
- B59C9C
Violet Dusk
- 92A99F
≈ Melville
- 91A7B2
≈ Blue Skylights
Tetradic +90° +180° +270°
- B59C9C
Violet Dusk
- A4A590
≈ Cement
- 8EA9AA
≈ In the Deep End
- A2A0B5
≈ Lazy Lavender
Contrast & accessibility
Ag
FailOn white
WCAG 2.56:1 · APCA Lc 50
Ag
AAAOn black
WCAG 8.20:1 · APCA Lc 52
Best text color: #000000
WCAG 8.20:1 (AAA) · APCA Lc 52
Contrast pairs
Code snippets
CSS
:root {
--violet-dusk: #b59c9c;
--violet-dusk-rgb: 181 156 156;
--violet-dusk-oklch: oklch(0.715 0.03 17.9);
}
.element {
color: var(--violet-dusk);
background-color: hsl(0 14% 66%);
border-color: oklch(0.715 0.03 17.9);
}Tailwind CSS v4
@theme {
--color-violet-dusk: #b59c9c;
--color-violet-dusk-50: #fef2f2;
--color-violet-dusk-100: #f2e4e4;
--color-violet-dusk-200: #e1d0cf;
--color-violet-dusk-300: #c6b2b1;
--color-violet-dusk-400: #af9898;
--color-violet-dusk-500: #997f7f;
--color-violet-dusk-600: #816b6b;
--color-violet-dusk-700: #685656;
--color-violet-dusk-800: #4c3e3f;
--color-violet-dusk-900: #352b2b;
--color-violet-dusk-950: #201819;
}SCSS
$violet-dusk: #b59c9c;
$violet-dusk-rgb: 181, 156, 156;
$violet-dusk-light: mix(#fff, $violet-dusk, 20%);
$violet-dusk-dark: mix(#000, $violet-dusk, 20%);
.element {
color: $violet-dusk;
box-shadow: 0 0 0 2px rgba($violet-dusk, 0.35);
}