Benannte Farbe · #78945A
Vegetarian Veteran
Vegetarian Veteran ist #78945A: rgb(120 148 90), hsl(89 24% 47%), oklch(0.63 0.088 129.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Vegetarian Veteran color name →
#78945A
oklch(0.63 0.088 129.6)
Farbumrechnungen
- HEX
- #78945a
- RGB
- rgb(120 148 90)
- HSL
- hsl(89 24% 47%)
- HWB
- hwb(89 35% 42%)
- OKLCH
- oklch(0.63 0.088 129.6)
- OKLab
- oklab(0.63 -0.056 0.068)
- CIE Lab
- lab(58.06 -18.14 27.3)
- LCH
- lch(58.06 32.78 123.6)
- CMYK
- cmyk(19% 0% 39% 42%)
Tints · Shades · Tones
Tints
- 859E6A
- 92A97A
- 9FB38A
- ACBE9B
- B9C9AB
- C7D3BB
- D5DECC
- E3E9DD
- F1F4EE
Shades
- 67804D
- 576D41
- 485A35
- 394829
- 2A361E
- 1D2613
- 101609
- 050803
- 010100
Tones
- 79925E
- 7A9063
- 7B8E67
- 7B8C6B
- 7C8A6E
- 7D8872
- 7E8676
- 7F8479
- 7F827D
Farbharmonien
Komplementär +180°
- 78945A
Vegetarian Veteran
- 997AB2
≈ Lavender Purple
Analog -30° +30°
- 78945A
Vegetarian Veteran
- 968A48
≈ Negishi Green
- 569A76
≈ Fake Fern
Triadisch +120° +240°
- 78945A
Vegetarian Veteran
- 5F8DBD
≈ Cliff Blue
- B7727D
≈ Hollyhock Bloom
Geteilt komplementär +150° +210°
- 78945A
Vegetarian Veteran
- 7E83BE
≈ Deep Periwinkle
- AD749A
≈ So Long Shadow
Tetradisch +90° +180° +270°
- 78945A
Vegetarian Veteran
- 4296AE
≈ Alpine Lake
- 997AB2
≈ Lavender Purple
- B77761
≈ Myrtle Pepper
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.39:1 · APCA Lc 61
Ag
AAAuf Schwarz
WCAG 6.18:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 6.18:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--vegetarian-veteran: #78945a;
--vegetarian-veteran-rgb: 120 148 90;
--vegetarian-veteran-oklch: oklch(0.63 0.088 129.6);
}
.element {
color: var(--vegetarian-veteran);
background-color: hsl(89 24% 47%);
border-color: oklch(0.63 0.088 129.6);
}Tailwind CSS v4
@theme {
--color-vegetarian-veteran: #78945a;
--color-vegetarian-veteran-50: #ecfbe1;
--color-vegetarian-veteran-100: #ddefd0;
--color-vegetarian-veteran-200: #c7ddb6;
--color-vegetarian-veteran-300: #a7c193;
--color-vegetarian-veteran-400: #8ea971;
--color-vegetarian-veteran-500: #739251;
--color-vegetarian-veteran-600: #627b46;
--color-vegetarian-veteran-700: #4e6337;
--color-vegetarian-veteran-800: #3a4826;
--color-vegetarian-veteran-900: #283219;
--color-vegetarian-veteran-950: #161e0a;
}SCSS
$vegetarian-veteran: #78945a;
$vegetarian-veteran-rgb: 120, 148, 90;
$vegetarian-veteran-light: mix(#fff, $vegetarian-veteran, 20%);
$vegetarian-veteran-dark: mix(#000, $vegetarian-veteran, 20%);
.element {
color: $vegetarian-veteran;
box-shadow: 0 0 0 2px rgba($vegetarian-veteran, 0.35);
}