Nächste benannte Farbe · #5D7E37
#5D7E37
Nächste benannte Farbe: Luscious Lemongrass
#5D7E37 (rgb(93 126 55), hsl(88 39% 35%), oklch(0.551 0.106 130)) liegt am nächsten an der benannten Farbe Luscious Lemongrass. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#5D7E37
oklch(0.551 0.106 130)
Farbumrechnungen
- HEX
- #5d7e37
- RGB
- rgb(93 126 55)
- HSL
- hsl(88 39% 35%)
- HWB
- hwb(88 22% 51%)
- OKLCH
- oklch(0.551 0.106 130)
- OKLab
- oklab(0.551 -0.068 0.081)
- CIE Lab
- lab(49.04 -21.64 34.07)
- LCH
- lch(49.04 40.36 122.4)
- CMYK
- cmyk(26% 0% 56% 51%)
Tints · Shades · Tones
Tints
- 6C8A4C
- 7B975F
- 8BA473
- 9BB086
- ABBD9A
- BBCAAE
- CCD7C2
- DDE4D6
- EEF2EA
Shades
- 506D2E
- 435C26
- 374C1E
- 2A3C16
- 1F2D0F
- 141F08
- 0A1103
- 030501
- 000100
Tones
- 617E40
- 647F48
- 687F50
- 6B7F57
- 6F805E
- 728065
- 76806C
- 798073
- 7D8079
Farbharmonien
Komplementär +180°
- 5D7E37
Luscious Lemongrass
- 855FA0
≈ Chive Blossom
Analog -30° +30°
- 5D7E37
Luscious Lemongrass
- 817318
≈ Soft Fig
- 2B855C
≈ Metallic Green
Triadisch +120° +240°
- 5D7E37
Luscious Lemongrass
- 3D75AD
≈ Python Blue
- A65564
≈ Beef Jerky
Geteilt komplementär +150° +210°
- 5D7E37
Luscious Lemongrass
- 666AAF
≈ Mediaeval
- 9A5885
≈ Feminism
Tetradisch +90° +180° +270°
- 5D7E37
Luscious Lemongrass
- 007F9A
≈ Amazing Sky
- 855FA0
≈ Chive Blossom
- A55A40
≈ Falling Leaves
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.66:1 · APCA Lc 72
Ag
AAAuf Schwarz
WCAG 4.50:1 · APCA Lc 29
Beste Textfarbe: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--luscious-lemongrass: #5d7e37;
--luscious-lemongrass-rgb: 93 126 55;
--luscious-lemongrass-oklch: oklch(0.551 0.106 130);
}
.element {
color: var(--luscious-lemongrass);
background-color: hsl(88 39% 35%);
border-color: oklch(0.551 0.106 130);
}Tailwind CSS v4
@theme {
--color-luscious-lemongrass: #5d7e37;
--color-luscious-lemongrass-50: #eafcdd;
--color-luscious-lemongrass-100: #dbf0cc;
--color-luscious-lemongrass-200: #c4deb0;
--color-luscious-lemongrass-300: #a3c38b;
--color-luscious-lemongrass-400: #8aab67;
--color-luscious-lemongrass-500: #6f9444;
--color-luscious-lemongrass-600: #5e7d3a;
--color-luscious-lemongrass-700: #4b642e;
--color-luscious-lemongrass-800: #38491f;
--color-luscious-lemongrass-900: #263314;
--color-luscious-lemongrass-950: #141e06;
}SCSS
$luscious-lemongrass: #5d7e37;
$luscious-lemongrass-rgb: 93, 126, 55;
$luscious-lemongrass-light: mix(#fff, $luscious-lemongrass, 20%);
$luscious-lemongrass-dark: mix(#000, $luscious-lemongrass, 20%);
.element {
color: $luscious-lemongrass;
box-shadow: 0 0 0 2px rgba($luscious-lemongrass, 0.35);
}