Nearest named color · #5A8059
#5A8059
Nearest named color: Kale
#5A8059 (rgb(90 128 89), hsl(118 18% 43%), oklch(0.56 0.073 143.9)) is closest to the named color Kale. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#5A8059
oklch(0.56 0.073 143.9)
Color conversions
- HEX
- #5a8059
- RGB
- rgb(90 128 89)
- HSL
- hsl(118 18% 43%)
- HWB
- hwb(118 35% 50%)
- OKLCH
- oklch(0.56 0.073 143.9)
- OKLab
- oklab(0.56 -0.059 0.043)
- CIE Lab
- lab(49.92 -20.11 16.8)
- LCH
- lch(49.92 26.21 140.1)
- CMYK
- cmyk(30% 0% 30% 50%)
Tints · Shades · Tones
Tints
- 6A8C69
- 799878
- 89A588
- 9AB199
- AABEA9
- BBCBBA
- CBD8CB
- DCE5DC
- EEF2ED
Shades
- 4D6E4C
- 415D40
- 354D34
- 293D28
- 1E2E1D
- 131F13
- 091209
- 030603
- 000100
Tones
- 5E805D
- 628061
- 668065
- 6A8069
- 6E806D
- 718071
- 758075
- 798078
- 7C807C
Color harmonies
Complementary +180°
- 5A8059
Kale
- 8A668D
≈ Poetry Mauve
Analogous -30° +30°
- 5A8059
Kale
- 747A46
≈ Plant Green
- 418371
≈ Aussie Surf
Triadic +120° +240°
- 5A8059
Kale
- 5F74A0
≈ Costume Blue
- 9B6360
≈ Roulette
Split-complementary +150° +210°
- 5A8059
Kale
- 776C9C
≈ Purple Spire
- 976378
≈ Forest Berry
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 4.50:1 · APCA Lc 71
Ag
AAOn black
WCAG 4.66:1 · APCA Lc 30
Best text color: #000000
WCAG 4.66:1 (AA) · APCA Lc 30
Contrast pairs
Code snippets
CSS
:root {
--kale: #5a8059;
--kale-rgb: 90 128 89;
--kale-oklch: oklch(0.56 0.073 143.9);
}
.element {
color: var(--kale);
background-color: hsl(118 18% 43%);
border-color: oklch(0.56 0.073 143.9);
}Tailwind CSS v4
@theme {
--color-kale: #5a8059;
--color-kale-50: #e9fbe9;
--color-kale-100: #d9efda;
--color-kale-200: #c1ddc2;
--color-kale-300: #a0c2a1;
--color-kale-400: #85aa83;
--color-kale-500: #689367;
--color-kale-600: #597c58;
--color-kale-700: #476446;
--color-kale-800: #344931;
--color-kale-900: #233321;
--color-kale-950: #121e11;
}SCSS
$kale: #5a8059;
$kale-rgb: 90, 128, 89;
$kale-light: mix(#fff, $kale, 20%);
$kale-dark: mix(#000, $kale, 20%);
.element {
color: $kale;
box-shadow: 0 0 0 2px rgba($kale, 0.35);
}