Nearest named color · #97855D
#97855D
Nearest named color: Wasteland
#97855D (rgb(151 133 93), hsl(41 24% 48%), oklch(0.623 0.06 86.4)) is closest to the named color Wasteland. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#97855D
oklch(0.623 0.06 86.4)
Color conversions
- HEX
- #97855d
- RGB
- rgb(151 133 93)
- HSL
- hsl(41 24% 48%)
- HWB
- hwb(41 36% 41%)
- OKLCH
- oklch(0.623 0.06 86.4)
- OKLab
- oklab(0.623 0.004 0.06)
- CIE Lab
- lab(56.45 2.64 24.24)
- LCH
- lch(56.45 24.38 83.8)
- CMYK
- cmyk(0% 12% 38% 41%)
Tints · Shades · Tones
Tints
- A1916D
- AB9C7C
- B5A88C
- C0B49C
- CAC1AC
- D4CDBC
- DFD9CD
- E9E6DD
- F4F2EE
Shades
- 837350
- 6F6143
- 5C5037
- 49402A
- 37301F
- 262114
- 17130A
- 080603
- 010100
Tones
- 958561
- 928465
- 908468
- 8E836C
- 8C8370
- 898273
- 878276
- 85817A
- 82817D
Color harmonies
Complementary +180°
- 97855D
Wasteland
- 7687AC
≈ Enchanting Sky
Analogous -30° +30°
- 97855D
Wasteland
- A47E64
≈ Tender Twig
- 858C62
≈ Green Coconut
Triadic +120° +240°
- 97855D
Wasteland
- 5A9299
≈ Cabana Blue
- 9B7B9A
≈ Screen Gem
Split-complementary +150° +210°
- 97855D
Wasteland
- 648DA7
≈ Treasure Map Waters
- 8A80A8
≈ Violet Chalk
Tetradic +90° +180° +270°
- 97855D
Wasteland
- 5F9386
≈ Fiddler
- 7687AC
≈ Enchanting Sky
- A57888
≈ Dusky Orchid
Contrast & accessibility
Ag
FailOn white
WCAG 3.60:1 · APCA Lc 64
Ag
AAOn black
WCAG 5.82:1 · APCA Lc 38
Best text color: #000000
WCAG 5.82:1 (AA) · APCA Lc 38
Contrast pairs
Code snippets
CSS
:root {
--wasteland: #97855d;
--wasteland-rgb: 151 133 93;
--wasteland-oklch: oklch(0.623 0.06 86.4);
}
.element {
color: var(--wasteland);
background-color: hsl(41 24% 48%);
border-color: oklch(0.623 0.06 86.4);
}Tailwind CSS v4
@theme {
--color-wasteland: #97855d;
--color-wasteland-50: #fcf5e2;
--color-wasteland-100: #f0e7d2;
--color-wasteland-200: #dfd3b8;
--color-wasteland-300: #c4b695;
--color-wasteland-400: #ae9d76;
--color-wasteland-500: #988457;
--color-wasteland-600: #80704a;
--color-wasteland-700: #67593b;
--color-wasteland-800: #4c412a;
--color-wasteland-900: #352d1c;
--color-wasteland-950: #201a0c;
}SCSS
$wasteland: #97855d;
$wasteland-rgb: 151, 133, 93;
$wasteland-light: mix(#fff, $wasteland, 20%);
$wasteland-dark: mix(#000, $wasteland, 20%);
.element {
color: $wasteland;
box-shadow: 0 0 0 2px rgba($wasteland, 0.35);
}