Nearest named color · #567033
#567033
Nearest named color: Botanical
#567033 (rgb(86 112 51), hsl(86 37% 32%), oklch(0.51 0.093 128.4)) is closest to the named color Botanical. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#567033
oklch(0.51 0.093 128.4)
Color conversions
- HEX
- #567033
- RGB
- rgb(86 112 51)
- HSL
- hsl(86 37% 32%)
- HWB
- hwb(86 20% 56%)
- OKLCH
- oklch(0.51 0.093 128.4)
- OKLab
- oklab(0.51 -0.057 0.073)
- CIE Lab
- lab(44.07 -18.12 30.24)
- LCH
- lch(44.07 35.25 120.9)
- CMYK
- cmyk(23% 0% 54% 56%)
Tints · Shades · Tones
Tints
- 657E47
- 758B5B
- 85996F
- 96A783
- A7B697
- B8C4AB
- C9D3BF
- DBE1D4
- EDF0EA
Shades
- 4A602B
- 3E5123
- 32431C
- 273514
- 1C270D
- 121A07
- 080E03
- 020401
- 000100
Tones
- 5A723C
- 5E7444
- 62754C
- 677754
- 6B795C
- 6F7A63
- 737C6A
- 777D72
- 7C7F79
Color harmonies
Complementary +180°
- 567033
Botanical
- 75578F
≈ Classic Waltz
Analogous -30° +30°
- 567033
Botanical
- 74661D
≈ Spicy Mustard
- 2E7652
≈ Greasy Greens
Triadic +120° +240°
- 567033
Botanical
- 376A98
≈ Star Sapphire
- 924E5B
≈ Rialto
Split-complementary +150° +210°
- 567033
Botanical
- 5A609A
≈ Wizard’s Potion
- 885078
≈ Purple Davenport
Tetradic +90° +180° +270°
- 567033
Botanical
- 007289
≈ Waterworld
- 75578F
≈ Classic Waltz
- 93523D
≈ Ruskin Red
Contrast & accessibility
Ag
AAOn white
WCAG 5.58:1 · APCA Lc 78
Ag
FailOn black
WCAG 3.76:1 · APCA Lc 24
Best text color: #FFFFFF
WCAG 5.58:1 (AA) · APCA Lc 78
Contrast pairs
Code snippets
CSS
:root {
--botanical: #567033;
--botanical-rgb: 86 112 51;
--botanical-oklch: oklch(0.51 0.093 128.4);
}
.element {
color: var(--botanical);
background-color: hsl(86 37% 32%);
border-color: oklch(0.51 0.093 128.4);
}Tailwind CSS v4
@theme {
--color-botanical: #567033;
--color-botanical-50: #ecfbe0;
--color-botanical-100: #deefcf;
--color-botanical-200: #c7ddb4;
--color-botanical-300: #a7c190;
--color-botanical-400: #8ea96e;
--color-botanical-500: #74924d;
--color-botanical-600: #627b42;
--color-botanical-700: #4e6334;
--color-botanical-800: #3a4824;
--color-botanical-900: #283218;
--color-botanical-950: #161e08;
}SCSS
$botanical: #567033;
$botanical-rgb: 86, 112, 51;
$botanical-light: mix(#fff, $botanical, 20%);
$botanical-dark: mix(#000, $botanical, 20%);
.element {
color: $botanical;
box-shadow: 0 0 0 2px rgba($botanical, 0.35);
}