Nearest named color · #458239
#458239
Nearest named color: Overgrown Mausoleum
#458239 (rgb(69 130 57), hsl(110 39% 37%), oklch(0.548 0.124 140.4)) is closest to the named color Overgrown Mausoleum. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#458239
oklch(0.548 0.124 140.4)
Color conversions
- HEX
- #458239
- RGB
- rgb(69 130 57)
- HSL
- hsl(110 39% 37%)
- HWB
- hwb(110 22% 49%)
- OKLCH
- oklch(0.548 0.124 140.4)
- OKLab
- oklab(0.548 -0.095 0.079)
- CIE Lab
- lab(48.98 -31.99 32.58)
- LCH
- lch(48.98 45.66 134.5)
- CMYK
- cmyk(47% 0% 56% 49%)
Tints · Shades · Tones
Tints
- 588E4D
- 6A9B61
- 7CA774
- 8EB387
- A1C09B
- B3CCAE
- C6D9C2
- D9E6D6
- ECF2EA
Shades
- 3B7030
- 315F28
- 274E1F
- 1E3E17
- 152F10
- 0C2009
- 051204
- 020601
- 000100
Tones
- 4C8242
- 538249
- 598251
- 5F8258
- 65825F
- 6B8266
- 70816D
- 758173
- 7B817A
Color harmonies
Complementary +180°
- 458239
Overgrown Mausoleum
- 91579D
≈ Vicious Violet
Analogous -30° +30°
- 458239
Overgrown Mausoleum
- 757600
≈ Mongolian Plateau
- 008568
≈ Bosphorus
Triadic +120° +240°
- 458239
Overgrown Mausoleum
- 4570B8
≈ Azraq Blue
- AD4F52
≈ Young Redwood
Split-complementary +150° +210°
- 458239
Overgrown Mausoleum
- 7162B3
≈ Genestealer Purple
- A54F7A
≈ Our Little Secret
Tetradic +90° +180° +270°
- 458239
Overgrown Mausoleum
- 007BA5
≈ CG Blue
- 91579D
≈ Vicious Violet
- A85823
≈ Sienna
Contrast & accessibility
Ag
AAOn white
WCAG 4.66:1 · APCA Lc 72
Ag
AAOn black
WCAG 4.50:1 · APCA Lc 30
Best text color: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Code snippets
CSS
:root {
--overgrown-mausoleum: #458239;
--overgrown-mausoleum-rgb: 69 130 57;
--overgrown-mausoleum-oklch: oklch(0.548 0.124 140.4);
}
.element {
color: var(--overgrown-mausoleum);
background-color: hsl(110 39% 37%);
border-color: oklch(0.548 0.124 140.4);
}Tailwind CSS v4
@theme {
--color-overgrown-mausoleum: #458239;
--color-overgrown-mausoleum-50: #e2ffde;
--color-overgrown-mausoleum-100: #d1f3cd;
--color-overgrown-mausoleum-200: #b6e2b2;
--color-overgrown-mausoleum-300: #92c88d;
--color-overgrown-mausoleum-400: #75b06a;
--color-overgrown-mausoleum-500: #559a47;
--color-overgrown-mausoleum-600: #48823d;
--color-overgrown-mausoleum-700: #3a6831;
--color-overgrown-mausoleum-800: #2b4c20;
--color-overgrown-mausoleum-900: #1d3515;
--color-overgrown-mausoleum-950: #0d2007;
}SCSS
$overgrown-mausoleum: #458239;
$overgrown-mausoleum-rgb: 69, 130, 57;
$overgrown-mausoleum-light: mix(#fff, $overgrown-mausoleum, 20%);
$overgrown-mausoleum-dark: mix(#000, $overgrown-mausoleum, 20%);
.element {
color: $overgrown-mausoleum;
box-shadow: 0 0 0 2px rgba($overgrown-mausoleum, 0.35);
}