Nazwany kolor · #5B8930
Fresh Onion
Fresh Onion to #5B8930: rgb(91 137 48), hsl(91 48% 36%), oklch(0.577 0.13 132.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Fresh Onion color name →
#5B8930
oklch(0.577 0.13 132.4)
Konwersje koloru
- HEX
- #5b8930
- RGB
- rgb(91 137 48)
- HSL
- hsl(91 48% 36%)
- HWB
- hwb(91 19% 46%)
- OKLCH
- oklch(0.577 0.13 132.4)
- OKLab
- oklab(0.577 -0.087 0.096)
- CIE Lab
- lab(52.33 -27.92 40.94)
- LCH
- lch(52.33 49.56 124.3)
- CMYK
- cmyk(34% 0% 65% 46%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6B9547
- 7AA05C
- 8AAC71
- 9AB885
- ABC499
- BBCFAD
- CCDBC1
- DDE7D6
- EEF3EA
Odcienie ciemniejsze
- 4E7628
- 416421
- 35531A
- 294213
- 1E310C
- 132206
- 091403
- 030701
- 000100
Tony
- 5F883B
- 638845
- 67874D
- 6B8655
- 6E855D
- 728465
- 75836C
- 798273
- 7D8179
Harmonie kolorów
Komplementarna +180°
- 5B8930
Fresh Onion
- 9360B0
≈ Lusty Lavender
Analogowa -30° +30°
- 5B8930
Fresh Onion
- 887B00
≈ Olive
- 009063
≈ Emerald Lake
Triada +120° +240°
- 5B8930
Fresh Onion
- 397CC3
≈ Celestial Plum
- B95564
≈ Hibiscus Flower
Komplementarna rozszczepiona +150° +210°
- 5B8930
Fresh Onion
- 6F6DC3
≈ Purple Toolbox
- AC578E
≈ Brilliant Carmine
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.14:1 · APCA Lc 68
Ag
AANa czerni
WCAG 5.06:1 · APCA Lc 33
Najlepszy kolor tekstu: #000000
WCAG 5.06:1 (AA) · APCA Lc 33
Contrast pairs
Fragmenty kodu
CSS
:root {
--fresh-onion: #5b8930;
--fresh-onion-rgb: 91 137 48;
--fresh-onion-oklch: oklch(0.577 0.13 132.4);
}
.element {
color: var(--fresh-onion);
background-color: hsl(91 48% 36%);
border-color: oklch(0.577 0.13 132.4);
}Tailwind CSS v4
@theme {
--color-fresh-onion: #5b8930;
--color-fresh-onion-50: #e6fed9;
--color-fresh-onion-100: #d6f2c7;
--color-fresh-onion-200: #bde1a9;
--color-fresh-onion-300: #9bc682;
--color-fresh-onion-400: #81ae5b;
--color-fresh-onion-500: #649733;
--color-fresh-onion-600: #55802d;
--color-fresh-onion-700: #446723;
--color-fresh-onion-800: #334b15;
--color-fresh-onion-900: #22340e;
--color-fresh-onion-950: #111f02;
}SCSS
$fresh-onion: #5b8930;
$fresh-onion-rgb: 91, 137, 48;
$fresh-onion-light: mix(#fff, $fresh-onion, 20%);
$fresh-onion-dark: mix(#000, $fresh-onion, 20%);
.element {
color: $fresh-onion;
box-shadow: 0 0 0 2px rgba($fresh-onion, 0.35);
}