Nearest named color · #5C8C7C
#5C8C7C
Nearest named color: Aloe Vera
#5C8C7C (rgb(92 140 124), hsl(160 21% 45%), oklch(0.601 0.058 171.4)) is closest to the named color Aloe Vera. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#5C8C7C
oklch(0.601 0.058 171.4)
Color conversions
- HEX
- #5c8c7c
- RGB
- rgb(92 140 124)
- HSL
- hsl(160 21% 45%)
- HWB
- hwb(160 36% 45%)
- OKLCH
- oklch(0.601 0.058 171.4)
- OKLab
- oklab(0.601 -0.057 0.009)
- CIE Lab
- lab(54.45 -19.78 3.14)
- LCH
- lch(54.45 20.03 171)
- CMYK
- cmyk(34% 0% 11% 45%)
Tints · Shades · Tones
Tints
- 6C9788
- 7CA295
- 8CADA1
- 9CB9AE
- ACC4BB
- BCD0C9
- CDDBD6
- DDE7E3
- EEF3F1
Shades
- 4F796B
- 42675A
- 36554A
- 2A433B
- 1F332C
- 14231E
- 0A1411
- 030705
- 000101
Tones
- 608B7C
- 648A7D
- 68897D
- 6C877E
- 70867E
- 73857E
- 76847F
- 7A837F
- 7D8180
Color harmonies
Complementary +180°
- 5C8C7C
Aloe Vera
- 9C7284
≈ Dusk Wine
Analogous -30° +30°
- 5C8C7C
Aloe Vera
- 6D8969
≈ Shale Green
- 558B8F
≈ Dusty Turquoise
Triadic +120° +240°
- 5C8C7C
Aloe Vera
- 807BA1
≈ Grape Jam
- 9D7761
≈ Baked Sienna
Split-complementary +150° +210°
- 5C8C7C
Aloe Vera
- 917596
≈ Veri Berri
- A07371
≈ Regal Rose
Tetradic +90° +180° +270°
- 5C8C7C
Aloe Vera
- 6D81A4
≈ Berwick Berry
- 9C7284
≈ Dusk Wine
- 927D59
≈ Tweed
Contrast & accessibility
Ag
FailOn white
WCAG 3.82:1 · APCA Lc 66
Ag
AAOn black
WCAG 5.49:1 · APCA Lc 36
Best text color: #000000
WCAG 5.49:1 (AA) · APCA Lc 36
Contrast pairs
Code snippets
CSS
:root {
--aloe-vera: #5c8c7c;
--aloe-vera-rgb: 92 140 124;
--aloe-vera-oklch: oklch(0.601 0.058 171.4);
}
.element {
color: var(--aloe-vera);
background-color: hsl(160 21% 45%);
border-color: oklch(0.601 0.058 171.4);
}Tailwind CSS v4
@theme {
--color-aloe-vera: #5c8c7c;
--color-aloe-vera-50: #e5fbf4;
--color-aloe-vera-100: #d5efe6;
--color-aloe-vera-200: #bcddd2;
--color-aloe-vera-300: #9ac2b5;
--color-aloe-vera-400: #7caa9a;
--color-aloe-vera-500: #5d9381;
--color-aloe-vera-600: #4f7c6d;
--color-aloe-vera-700: #3f6357;
--color-aloe-vera-800: #2e493f;
--color-aloe-vera-900: #1f332b;
--color-aloe-vera-950: #0e1e19;
}SCSS
$aloe-vera: #5c8c7c;
$aloe-vera-rgb: 92, 140, 124;
$aloe-vera-light: mix(#fff, $aloe-vera, 20%);
$aloe-vera-dark: mix(#000, $aloe-vera, 20%);
.element {
color: $aloe-vera;
box-shadow: 0 0 0 2px rgba($aloe-vera, 0.35);
}