Nazwany kolor · #658369
Garden Greenery
Garden Greenery to #658369: rgb(101 131 105), hsl(128 13% 45%), oklch(0.579 0.052 148.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Garden Greenery color name →
#658369
oklch(0.579 0.052 148.5)
Konwersje koloru
- HEX
- #658369
- RGB
- rgb(101 131 105)
- HSL
- hsl(128 13% 45%)
- HWB
- hwb(128 40% 49%)
- OKLCH
- oklch(0.579 0.052 148.5)
- OKLab
- oklab(0.579 -0.045 0.027)
- CIE Lab
- lab(51.86 -15.28 10.47)
- LCH
- lch(51.86 18.52 145.6)
- CMYK
- cmyk(23% 0% 20% 49%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 748F77
- 829B85
- 91A794
- A0B3A2
- B0BFB1
- BFCCC0
- CFD8D0
- DFE5DF
- EFF2EF
Odcienie ciemniejsze
- 57715A
- 49604C
- 3C4F3E
- 2F3F31
- 222F24
- 172018
- 0C120C
- 030604
- 000100
Tony
- 68836B
- 6B836E
- 6E8270
- 708272
- 738275
- 768177
- 788179
- 7B817B
- 7D807E
Harmonie kolorów
Komplementarna +180°
- 658369
Garden Greenery
- 8C6F8A
≈ Dianthus Mauve
Analogowa -30° +30°
- 658369
Garden Greenery
- 777F5B
≈ Grape Vine
- 57857A
≈ Idyllic Island
Triada +120° +240°
- 658369
Garden Greenery
- 6D799A
≈ Quantum Blue
- 976F69
≈ Prairie Dog
Komplementarna rozszczepiona +150° +210°
- 658369
Garden Greenery
- 7E7495
≈ Daybreak
- 946D7A
≈ Heritage Taffeta
Tetrada +90° +180° +270°
- 658369
Garden Greenery
- 5D7F96
≈ Blue Heaven
- 8C6F8A
≈ Dianthus Mauve
- 92735B
≈ Arrow Creek
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.19:1 · APCA Lc 69
Ag
AANa czerni
WCAG 5.00:1 · APCA Lc 33
Najlepszy kolor tekstu: #000000
WCAG 5.00:1 (AA) · APCA Lc 33
Contrast pairs
Fragmenty kodu
CSS
:root {
--garden-greenery: #658369;
--garden-greenery-rgb: 101 131 105;
--garden-greenery-oklch: oklch(0.579 0.052 148.5);
}
.element {
color: var(--garden-greenery);
background-color: hsl(128 13% 45%);
border-color: oklch(0.579 0.052 148.5);
}Tailwind CSS v4
@theme {
--color-garden-greenery: #658369;
--color-garden-greenery-50: #ebfaee;
--color-garden-greenery-100: #dceddf;
--color-garden-greenery-200: #c5dbc9;
--color-garden-greenery-300: #a5bfaa;
--color-garden-greenery-400: #8aa78e;
--color-garden-greenery-500: #6f9073;
--color-garden-greenery-600: #5e7a62;
--color-garden-greenery-700: #4b624e;
--color-garden-greenery-800: #374738;
--color-garden-greenery-900: #253126;
--color-garden-greenery-950: #141d14;
}SCSS
$garden-greenery: #658369;
$garden-greenery-rgb: 101, 131, 105;
$garden-greenery-light: mix(#fff, $garden-greenery, 20%);
$garden-greenery-dark: mix(#000, $garden-greenery, 20%);
.element {
color: $garden-greenery;
box-shadow: 0 0 0 2px rgba($garden-greenery, 0.35);
}