Najbliższy nazwany kolor · #5D7E37
#5D7E37
Najbliższy nazwany kolor: Luscious Lemongrass
#5D7E37 (rgb(93 126 55), hsl(88 39% 35%), oklch(0.551 0.106 130)) jest najbliższy nazwanemu kolorowi Luscious Lemongrass. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#5D7E37
oklch(0.551 0.106 130)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6C8A4C
- 7B975F
- 8BA473
- 9BB086
- ABBD9A
- BBCAAE
- CCD7C2
- DDE4D6
- EEF2EA
Odcienie ciemniejsze
- 506D2E
- 435C26
- 374C1E
- 2A3C16
- 1F2D0F
- 141F08
- 0A1103
- 030501
- 000100
Tony
- 617E40
- 647F48
- 687F50
- 6B7F57
- 6F805E
- 728065
- 76806C
- 798073
- 7D8079
Harmonie kolorów
Komplementarna +180°
- 5D7E37
Luscious Lemongrass
- 855FA0
≈ Chive Blossom
Analogowa -30° +30°
- 5D7E37
Luscious Lemongrass
- 817318
≈ Soft Fig
- 2B855C
≈ Metallic Green
Triada +120° +240°
- 5D7E37
Luscious Lemongrass
- 3D75AD
≈ Python Blue
- A65564
≈ Beef Jerky
Komplementarna rozszczepiona +150° +210°
- 5D7E37
Luscious Lemongrass
- 666AAF
≈ Mediaeval
- 9A5885
≈ Feminism
Tetrada +90° +180° +270°
- 5D7E37
Luscious Lemongrass
- 007F9A
≈ Amazing Sky
- 855FA0
≈ Chive Blossom
- A55A40
≈ Falling Leaves
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.66:1 · APCA Lc 72
Ag
AANa czerni
WCAG 4.50:1 · APCA Lc 29
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
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);
}