Named color · #B99178
Mojave Dusk
Mojave Dusk is #B99178: rgb(185 145 120), hsl(23 32% 60%), oklch(0.688 0.06 53.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Mojave Dusk color name →
#B99178
oklch(0.688 0.06 53.5)
Color conversions
- HEX
- #b99178
- RGB
- rgb(185 145 120)
- HSL
- hsl(23 32% 60%)
- HWB
- hwb(23 47% 27%)
- OKLCH
- oklch(0.688 0.06 53.5)
- OKLab
- oklab(0.688 0.036 0.048)
- CIE Lab
- lab(63.53 12.99 19.38)
- LCH
- lch(63.53 23.33 56.2)
- CMYK
- cmyk(0% 22% 35% 27%)
Tints · Shades · Tones
Tints
- C09C85
- C7A692
- CEB19F
- D5BCAD
- DCC7BA
- E3D2C8
- EADDD5
- F1E8E3
- F8F4F1
Shades
- A07D67
- 896A57
- 715848
- 5B4639
- 46352A
- 31251D
- 1E1510
- 0D0705
- 020101
Tones
- B38F79
- AE8E7A
- A88C7B
- A28A7C
- 9D897D
- 97877D
- 91857E
- 8C847F
- 86827F
Color harmonies
Complementary +180°
- B99178
Mojave Dusk
- 75A1BA
≈ Blue Nile
Analogous -30° +30°
- B99178
Mojave Dusk
- BD8D89
≈ Smoky Pink
- AD9870
≈ Trench
Triadic +120° +240°
- B99178
Mojave Dusk
- 73A797
≈ Twining Vine
- 9C94BD
≈ Lavender Bonnet
Split-complementary +150° +210°
- B99178
Mojave Dusk
- 6DA6AB
≈ Fairstar
- 879BC1
≈ Manifest Destiny
Tetradic +90° +180° +270°
- B99178
Mojave Dusk
- 85A583
≈ Gallery Green
- 75A1BA
≈ Blue Nile
- AD8EB0
≈ Metal Petal
Contrast & accessibility
Ag
FailOn white
WCAG 2.84:1 · APCA Lc 54
Ag
AAAOn black
WCAG 7.38:1 · APCA Lc 47
Best text color: #000000
WCAG 7.38:1 (AAA) · APCA Lc 47
Contrast pairs
Code snippets
CSS
:root {
--mojave-dusk: #b99178;
--mojave-dusk-rgb: 185 145 120;
--mojave-dusk-oklch: oklch(0.688 0.06 53.5);
}
.element {
color: var(--mojave-dusk);
background-color: hsl(23 32% 60%);
border-color: oklch(0.688 0.06 53.5);
}Tailwind CSS v4
@theme {
--color-mojave-dusk: #b99178;
--color-mojave-dusk-50: #fff1e5;
--color-mojave-dusk-100: #f9e3d5;
--color-mojave-dusk-200: #e9cebc;
--color-mojave-dusk-300: #d0b09b;
--color-mojave-dusk-400: #bb957d;
--color-mojave-dusk-500: #a67b60;
--color-mojave-dusk-600: #8c6952;
--color-mojave-dusk-700: #715441;
--color-mojave-dusk-800: #533d2f;
--color-mojave-dusk-900: #3a2a20;
--color-mojave-dusk-950: #241710;
}SCSS
$mojave-dusk: #b99178;
$mojave-dusk-rgb: 185, 145, 120;
$mojave-dusk-light: mix(#fff, $mojave-dusk, 20%);
$mojave-dusk-dark: mix(#000, $mojave-dusk, 20%);
.element {
color: $mojave-dusk;
box-shadow: 0 0 0 2px rgba($mojave-dusk, 0.35);
}