Named color · #A05F45
Mandalay Road
Mandalay Road is #A05F45: rgb(160 95 69), hsl(17 40% 45%), oklch(0.553 0.093 42.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Mandalay Road color name →
#A05F45
oklch(0.553 0.093 42.3)
Color conversions
- HEX
- #a05f45
- RGB
- rgb(160 95 69)
- HSL
- hsl(17 40% 45%)
- HWB
- hwb(17 27% 37%)
- OKLCH
- oklch(0.553 0.093 42.3)
- OKLab
- oklab(0.553 0.069 0.063)
- CIE Lab
- lab(47.48 25.23 26.66)
- LCH
- lch(47.48 36.71 46.6)
- CMYK
- cmyk(0% 41% 57% 37%)
Tints · Shades · Tones
Tints
- AA6E57
- B47E69
- BE8E7B
- C89D8D
- D1AD9F
- DBBDB2
- E4CDC5
- EDDED8
- F6EEEB
Shades
- 8B523B
- 764431
- 613827
- 4E2C1E
- 3B2015
- 29150C
- 190A05
- 090302
- 010000
Tones
- 9D634B
- 9B6652
- 986A58
- 956D5E
- 927164
- 8F7469
- 8B776F
- 887A75
- 847D7A
Color harmonies
Complementary +180°
- A05F45
Mandalay Road
- 1F7E9A
≈ Pacific Pleasure
Analogous -30° +30°
- A05F45
Mandalay Road
- A15A63
≈ Beef Jerky
- 94692D
≈ Vintage Caramel
Triadic +120° +240°
- A05F45
Mandalay Road
- 368362
≈ Adamite Green
- 6A6BA8
≈ Twinkle Night
Split-complementary +150° +210°
- A05F45
Mandalay Road
- 088381
≈ Marine Teal
- 4875A8
≈ Song of the Sea
Tetradic +90° +180° +270°
- A05F45
Mandalay Road
- 5D7E43
≈ Grassy Field
- 1F7E9A
≈ Pacific Pleasure
- 85629A
≈ Wisteria Purple
Contrast & accessibility
Ag
AAOn white
WCAG 4.97:1 · APCA Lc 74
Ag
FailOn black
WCAG 4.21:1 · APCA Lc 27
Best text color: #FFFFFF
WCAG 4.97:1 (AA) · APCA Lc 74
Contrast pairs
Code snippets
CSS
:root {
--mandalay-road: #a05f45;
--mandalay-road-rgb: 160 95 69;
--mandalay-road-oklch: oklch(0.553 0.093 42.3);
}
.element {
color: var(--mandalay-road);
background-color: hsl(17 40% 45%);
border-color: oklch(0.553 0.093 42.3);
}Tailwind CSS v4
@theme {
--color-mandalay-road: #a05f45;
--color-mandalay-road-50: #ffede0;
--color-mandalay-road-100: #ffdfcf;
--color-mandalay-road-200: #f8c8b4;
--color-mandalay-road-300: #e1a990;
--color-mandalay-road-400: #ce8c72;
--color-mandalay-road-500: #ba7053;
--color-mandalay-road-600: #9d5f47;
--color-mandalay-road-700: #7e4c38;
--color-mandalay-road-800: #5e3729;
--color-mandalay-road-900: #42251b;
--color-mandalay-road-950: #2a140c;
}SCSS
$mandalay-road: #a05f45;
$mandalay-road-rgb: 160, 95, 69;
$mandalay-road-light: mix(#fff, $mandalay-road, 20%);
$mandalay-road-dark: mix(#000, $mandalay-road, 20%);
.element {
color: $mandalay-road;
box-shadow: 0 0 0 2px rgba($mandalay-road, 0.35);
}