Benannte Farbe · #7A9C58
Leek Soup
Leek Soup ist #7A9C58: rgb(122 156 88), hsl(90 28% 48%), oklch(0.651 0.102 130.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Leek Soup color name →
#7A9C58
oklch(0.651 0.102 130.5)
Farbumrechnungen
- HEX
- #7a9c58
- RGB
- rgb(122 156 88)
- HSL
- hsl(90 28% 48%)
- HWB
- hwb(90 35% 39%)
- OKLCH
- oklch(0.651 0.102 130.5)
- OKLab
- oklab(0.651 -0.066 0.077)
- CIE Lab
- lab(60.56 -21.35 31.51)
- LCH
- lch(60.56 38.07 124.1)
- CMYK
- cmyk(22% 0% 44% 39%)
Tints · Shades · Tones
Tints
- 87A669
- 93B079
- A0B98A
- ADC39A
- BBCDAB
- C8D7BB
- D6E1CC
- E3EBDD
- F1F5EE
Shades
- 69874B
- 59733F
- 495F33
- 3A4C28
- 2B391D
- 1D2812
- 101809
- 050903
- 010100
Tones
- 7B995D
- 7B9762
- 7C9466
- 7D916A
- 7D8E6E
- 7E8C72
- 7E8976
- 7F8679
- 80837D
Farbharmonien
Komplementär +180°
- 7A9C58
Leek Soup
- A37DBE
≈ Wisteria
Analog -30° +30°
- 7A9C58
Leek Soup
- 9D9141
≈ Gecko
- 50A37A
≈ Advertising Green
Triadisch +120° +240°
- 7A9C58
Leek Soup
- 5E93CB
≈ Come Sail Away
- C57481
≈ Long Spring
Geteilt komplementär +150° +210°
- 7A9C58
Leek Soup
- 8488CC
≈ True Lavender
- B976A2
≈ Valentine Heart
Tetradisch +90° +180° +270°
- 7A9C58
Leek Soup
- 369DBB
≈ Sailfish
- A37DBE
≈ Wisteria
- C4795E
≈ Gold Pheasant
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.12:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.72:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.72:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--leek-soup: #7a9c58;
--leek-soup-rgb: 122 156 88;
--leek-soup-oklch: oklch(0.651 0.102 130.5);
}
.element {
color: var(--leek-soup);
background-color: hsl(90 28% 48%);
border-color: oklch(0.651 0.102 130.5);
}Tailwind CSS v4
@theme {
--color-leek-soup: #7a9c58;
--color-leek-soup-50: #eafcde;
--color-leek-soup-100: #dbf0cd;
--color-leek-soup-200: #c4deb1;
--color-leek-soup-300: #a4c38d;
--color-leek-soup-400: #8aab6a;
--color-leek-soup-500: #6f9448;
--color-leek-soup-600: #5e7d3e;
--color-leek-soup-700: #4b6431;
--color-leek-soup-800: #384921;
--color-leek-soup-900: #263316;
--color-leek-soup-950: #141e07;
}SCSS
$leek-soup: #7a9c58;
$leek-soup-rgb: 122, 156, 88;
$leek-soup-light: mix(#fff, $leek-soup, 20%);
$leek-soup-dark: mix(#000, $leek-soup, 20%);
.element {
color: $leek-soup;
box-shadow: 0 0 0 2px rgba($leek-soup, 0.35);
}