Najbliższy nazwany kolor · #7A9859
#7A9859
Najbliższy nazwany kolor: Bavarian Green
#7A9859 (rgb(122 152 89), hsl(89 26% 47%), oklch(0.641 0.094 129.5)) jest najbliższy nazwanemu kolorowi Bavarian Green. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#7A9859
oklch(0.641 0.094 129.5)
Konwersje koloru
- HEX
- #7a9859
- RGB
- rgb(122 152 89)
- HSL
- hsl(89 26% 47%)
- HWB
- hwb(89 35% 40%)
- OKLCH
- oklch(0.641 0.094 129.5)
- OKLab
- oklab(0.641 -0.06 0.073)
- CIE Lab
- lab(59.38 -19.37 29.52)
- LCH
- lch(59.38 35.31 123.3)
- CMYK
- cmyk(20% 0% 41% 40%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 87A269
- 93AC7A
- A0B68A
- ADC19A
- BBCBAB
- C8D5BB
- D5E0CC
- E3EADD
- F1F4EE
Odcienie ciemniejsze
- 69844C
- 597040
- 495C34
- 3A4A28
- 2B381D
- 1D2713
- 101709
- 050803
- 010100
Tony
- 7B965E
- 7B9362
- 7C9166
- 7D8F6A
- 7D8C6E
- 7E8A72
- 7E8876
- 7F8579
- 7F837D
Harmonie kolorów
Komplementarna +180°
- 7A9859
Bavarian Green
- 9E7CB8
≈ Lush Lilac
Analogowa -30° +30°
- 7A9859
Bavarian Green
- 9A8E45
≈ Jalapeño
- 559E78
≈ Advertising Green
Triada +120° +240°
- 7A9859
Bavarian Green
- 5E91C4
≈ Come Sail Away
- BE7480
≈ Rosily
Komplementarna rozszczepiona +150° +210°
- 7A9859
Bavarian Green
- 8186C5
≈ True Lavender
- B3759F
≈ Eccentric Magenta
Tetrada +90° +180° +270°
- 7A9859
Bavarian Green
- 3C9AB4
≈ Sports Blue
- 9E7CB8
≈ Lush Lilac
- BE7860
≈ Caribbean Coral
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.24:1 · APCA Lc 60
Ag
AANa czerni
WCAG 6.46:1 · APCA Lc 42
Najlepszy kolor tekstu: #000000
WCAG 6.46:1 (AA) · APCA Lc 42
Contrast pairs
Fragmenty kodu
CSS
:root {
--bavarian-green: #7a9859;
--bavarian-green-rgb: 122 152 89;
--bavarian-green-oklch: oklch(0.641 0.094 129.5);
}
.element {
color: var(--bavarian-green);
background-color: hsl(89 26% 47%);
border-color: oklch(0.641 0.094 129.5);
}Tailwind CSS v4
@theme {
--color-bavarian-green: #7a9859;
--color-bavarian-green-50: #ecfbe0;
--color-bavarian-green-100: #ddefcf;
--color-bavarian-green-200: #c6ddb4;
--color-bavarian-green-300: #a6c290;
--color-bavarian-green-400: #8daa6d;
--color-bavarian-green-500: #72924d;
--color-bavarian-green-600: #617c42;
--color-bavarian-green-700: #4d6334;
--color-bavarian-green-800: #394823;
--color-bavarian-green-900: #273217;
--color-bavarian-green-950: #151e08;
}SCSS
$bavarian-green: #7a9859;
$bavarian-green-rgb: 122, 152, 89;
$bavarian-green-light: mix(#fff, $bavarian-green, 20%);
$bavarian-green-dark: mix(#000, $bavarian-green, 20%);
.element {
color: $bavarian-green;
box-shadow: 0 0 0 2px rgba($bavarian-green, 0.35);
}