Couleur nommée la plus proche · #7A9859
#7A9859
Couleur nommée la plus proche: Bavarian Green
#7A9859 (rgb(122 152 89), hsl(89 26% 47%), oklch(0.641 0.094 129.5)) est la plus proche de la couleur nommée Bavarian Green. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#7A9859
oklch(0.641 0.094 129.5)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 87A269
- 93AC7A
- A0B68A
- ADC19A
- BBCBAB
- C8D5BB
- D5E0CC
- E3EADD
- F1F4EE
Ombres
- 69844C
- 597040
- 495C34
- 3A4A28
- 2B381D
- 1D2713
- 101709
- 050803
- 010100
Tons
- 7B965E
- 7B9362
- 7C9166
- 7D8F6A
- 7D8C6E
- 7E8A72
- 7E8876
- 7F8579
- 7F837D
Harmonies de couleurs
Complémentaire +180°
- 7A9859
Bavarian Green
- 9E7CB8
≈ Lush Lilac
Analogue -30° +30°
- 7A9859
Bavarian Green
- 9A8E45
≈ Jalapeño
- 559E78
≈ Advertising Green
Triadique +120° +240°
- 7A9859
Bavarian Green
- 5E91C4
≈ Come Sail Away
- BE7480
≈ Rosily
Complémentaire divisée +150° +210°
- 7A9859
Bavarian Green
- 8186C5
≈ True Lavender
- B3759F
≈ Eccentric Magenta
Tétradique +90° +180° +270°
- 7A9859
Bavarian Green
- 3C9AB4
≈ Sports Blue
- 9E7CB8
≈ Lush Lilac
- BE7860
≈ Caribbean Coral
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.24:1 · APCA Lc 60
Ag
AASur noir
WCAG 6.46:1 · APCA Lc 42
Meilleure couleur de texte: #000000
WCAG 6.46:1 (AA) · APCA Lc 42
Contrast pairs
Extraits de code
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);
}