Nearest named color · #568656
#568656
Nearest named color: Beanpole
#568656 (rgb(86 134 86), hsl(120 22% 43%), oklch(0.573 0.089 144.3)) is closest to the named color Beanpole. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#568656
oklch(0.573 0.089 144.3)
Color conversions
- HEX
- #568656
- RGB
- rgb(86 134 86)
- HSL
- hsl(120 22% 43%)
- HWB
- hwb(120 34% 47%)
- OKLCH
- oklch(0.573 0.089 144.3)
- OKLab
- oklab(0.573 -0.073 0.052)
- CIE Lab
- lab(51.52 -24.74 20.55)
- LCH
- lch(51.52 32.16 140.3)
- CMYK
- cmyk(36% 0% 36% 47%)
Tints · Shades · Tones
Tints
- 669266
- 779D76
- 87A986
- 98B597
- A9C1A8
- BACEB9
- CBDACA
- DCE6DB
- EDF2ED
Shades
- 4A744A
- 3E623E
- 325132
- 274027
- 1C301C
- 122112
- 081308
- 020602
- 000100
Tones
- 5B865B
- 5F855F
- 648563
- 688468
- 6C836C
- 708370
- 748274
- 788278
- 7C817C
Color harmonies
Complementary +180°
- 568656
Beanpole
- 926596
≈ Viola Grey
Analogous -30° +30°
- 568656
Beanpole
- 777E3D
≈ Calla Green
- 328974
≈ Ionian
Triadic +120° +240°
- 568656
Beanpole
- 5D77AD
≈ Sapphire Shimmer Blue
- A7625E
≈ Escalante
Split-complementary +150° +210°
- 568656
Beanpole
- 7B6DA8
≈ Wintertime Mauve
- A1617B
≈ Cosmetic Red
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 4.25:1 · APCA Lc 69
Ag
AAOn black
WCAG 4.94:1 · APCA Lc 32
Best text color: #000000
WCAG 4.94:1 (AA) · APCA Lc 32
Contrast pairs
Code snippets
CSS
:root {
--beanpole: #568656;
--beanpole-rgb: 86 134 86;
--beanpole-oklch: oklch(0.573 0.089 144.3);
}
.element {
color: var(--beanpole);
background-color: hsl(120 22% 43%);
border-color: oklch(0.573 0.089 144.3);
}Tailwind CSS v4
@theme {
--color-beanpole: #568656;
--color-beanpole-50: #e6fde6;
--color-beanpole-100: #d6f0d7;
--color-beanpole-200: #bcdfbe;
--color-beanpole-300: #9ac49d;
--color-beanpole-400: #7ead7d;
--color-beanpole-500: #609660;
--color-beanpole-600: #527f51;
--color-beanpole-700: #416541;
--color-beanpole-800: #304a2d;
--color-beanpole-900: #20341f;
--color-beanpole-950: #101f0e;
}SCSS
$beanpole: #568656;
$beanpole-rgb: 86, 134, 86;
$beanpole-light: mix(#fff, $beanpole, 20%);
$beanpole-dark: mix(#000, $beanpole, 20%);
.element {
color: $beanpole;
box-shadow: 0 0 0 2px rgba($beanpole, 0.35);
}