En yakın adlandırılmış renk · #7A9859
#7A9859
En yakın adlandırılmış renk: Bavarian Green
#7A9859 (rgb(122 152 89), hsl(89 26% 47%), oklch(0.641 0.094 129.5)) en çok Bavarian Green adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#7A9859
oklch(0.641 0.094 129.5)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 87A269
- 93AC7A
- A0B68A
- ADC19A
- BBCBAB
- C8D5BB
- D5E0CC
- E3EADD
- F1F4EE
Koyu tonlar
- 69844C
- 597040
- 495C34
- 3A4A28
- 2B381D
- 1D2713
- 101709
- 050803
- 010100
Gri tonlar
- 7B965E
- 7B9362
- 7C9166
- 7D8F6A
- 7D8C6E
- 7E8A72
- 7E8876
- 7F8579
- 7F837D
Renk uyumları
Tamamlayıcı +180°
- 7A9859
Bavarian Green
- 9E7CB8
≈ Lush Lilac
Analog -30° +30°
- 7A9859
Bavarian Green
- 9A8E45
≈ Jalapeño
- 559E78
≈ Advertising Green
Üçlü +120° +240°
- 7A9859
Bavarian Green
- 5E91C4
≈ Come Sail Away
- BE7480
≈ Rosily
Bölünmüş tamamlayıcı +150° +210°
- 7A9859
Bavarian Green
- 8186C5
≈ True Lavender
- B3759F
≈ Eccentric Magenta
Dörtlü +90° +180° +270°
- 7A9859
Bavarian Green
- 3C9AB4
≈ Sports Blue
- 9E7CB8
≈ Lush Lilac
- BE7860
≈ Caribbean Coral
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.24:1 · APCA Lc 60
Ag
AASiyah üzerinde
WCAG 6.46:1 · APCA Lc 42
En iyi metin rengi: #000000
WCAG 6.46:1 (AA) · APCA Lc 42
Contrast pairs
Kod parçacıkları
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);
}