Nearest named color · #5F8700
#5F8700
Nearest named color: Pesto Alla Genovese
#5F8700 (rgb(95 135 0), hsl(78 100% 26%), oklch(0.572 0.149 127.5)) is closest to the named color Pesto Alla Genovese. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#5F8700
oklch(0.572 0.149 127.5)
Color conversions
- HEX
- #5f8700
- RGB
- rgb(95 135 0)
- HSL
- hsl(78 100% 26%)
- HWB
- hwb(78 0% 47%)
- OKLCH
- oklch(0.572 0.149 127.5)
- OKLab
- oklab(0.572 -0.09 0.118)
- CIE Lab
- lab(51.74 -27.2 54.35)
- LCH
- lch(51.74 60.78 116.6)
- CMYK
- cmyk(30% 0% 100% 47%)
Tints · Shades · Tones
Tints
- 6E9330
- 7D9F4B
- 8CAB62
- 9CB779
- ACC38F
- BCCFA6
- CCDBBC
- DDE7D2
- EEF3E8
Shades
- 527500
- 446300
- 385100
- 2C4100
- 203100
- 152100
- 0A1300
- 030600
- 000100
Tones
- 628721
- 668631
- 69863F
- 6C854A
- 708554
- 73845E
- 768367
- 79826F
- 7D8178
Color harmonies
Complementary +180°
- 5F8700
Pesto Alla Genovese
- 905CBB
≈ Lusty Lavender
Analogous -30° +30°
- 5F8700
Pesto Alla Genovese
- 8B7700
≈ Jīn Zōng Gold
- 008F57
≈ Emerald Isle
Triadic +120° +240°
- 5F8700
Pesto Alla Genovese
- 0C7CCA
≈ Blue Aster
- BD4B68
≈ Pink Dahlia
Split-complementary +150° +210°
- 5F8700
Pesto Alla Genovese
- 656CCD
≈ C64 Purple
- AD5097
≈ Safflower Purple
Tetradic +90° +180° +270°
- 5F8700
Pesto Alla Genovese
- 0086A0
≈ Gogo Blue
- 905CBB
≈ Lusty Lavender
- BF5230
≈ Beef Patties
Contrast & accessibility
Ag
FailOn white
WCAG 4.24:1 · APCA Lc 69
Ag
AAOn black
WCAG 4.95:1 · APCA Lc 33
Best text color: #000000
WCAG 4.95:1 (AA) · APCA Lc 33
Contrast pairs
Code snippets
CSS
:root {
--pesto-alla-genovese: #5f8700;
--pesto-alla-genovese-rgb: 95 135 0;
--pesto-alla-genovese-oklch: oklch(0.572 0.149 127.5);
}
.element {
color: var(--pesto-alla-genovese);
background-color: hsl(78 100% 26%);
border-color: oklch(0.572 0.149 127.5);
}Tailwind CSS v4
@theme {
--color-pesto-alla-genovese: #5f8700;
--color-pesto-alla-genovese-50: #e8fed2;
--color-pesto-alla-genovese-100: #d8f2be;
--color-pesto-alla-genovese-200: #c0e19d;
--color-pesto-alla-genovese-300: #9fc773;
--color-pesto-alla-genovese-400: #86ae45;
--color-pesto-alla-genovese-500: #6a9700;
--color-pesto-alla-genovese-600: #5a8005;
--color-pesto-alla-genovese-700: #486607;
--color-pesto-alla-genovese-800: #364b00;
--color-pesto-alla-genovese-900: #253401;
--color-pesto-alla-genovese-950: #141f00;
}SCSS
$pesto-alla-genovese: #5f8700;
$pesto-alla-genovese-rgb: 95, 135, 0;
$pesto-alla-genovese-light: mix(#fff, $pesto-alla-genovese, 20%);
$pesto-alla-genovese-dark: mix(#000, $pesto-alla-genovese, 20%);
.element {
color: $pesto-alla-genovese;
box-shadow: 0 0 0 2px rgba($pesto-alla-genovese, 0.35);
}