Benannte Farbe · #979C84
Leek Green
Leek Green ist #979C84: rgb(151 156 132), hsl(73 11% 56%), oklch(0.682 0.035 116.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Leek Green color name →
#979C84
oklch(0.682 0.035 116.9)
Farbumrechnungen
- HEX
- #979c84
- RGB
- rgb(151 156 132)
- HSL
- hsl(73 11% 56%)
- HWB
- hwb(73 52% 39%)
- OKLCH
- oklch(0.682 0.035 116.9)
- OKLab
- oklab(0.682 -0.016 0.031)
- CIE Lab
- lab(63.44 -5.12 11.98)
- LCH
- lch(63.44 13.03 113.2)
- CMYK
- cmyk(3% 0% 15% 39%)
Tints · Shades · Tones
Tints
- A1A690
- ABAF9C
- B5B9A8
- BFC3B4
- CACCC0
- D4D6CC
- DFE0D9
- E9EBE5
- F4F5F2
Shades
- 838772
- 6F7360
- 5C5F4F
- 494C3F
- 37392F
- 262820
- 171812
- 080906
- 010101
Tones
- 959984
- 929683
- 909483
- 8E9183
- 8B8E82
- 898B82
- 878881
- 858681
- 828380
Farbharmonien
Komplementär +180°
- 979C84
Leek Green
- 9B95AC
≈ Purple Surf
Analog -30° +30°
- 979C84
Leek Green
- A29881
≈ Livingston
- 8B9F8D
≈ Hillside View
Triadisch +120° +240°
- 979C84
Leek Green
- 859DAC
≈ Bali Hai
- AC9099
≈ Mauve Shadows
Geteilt komplementär +150° +210°
- 979C84
Leek Green
- 8F99AF
≈ Moon Veil
- A592A4
≈ Fields of Provence
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.83:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.40:1 · APCA Lc 47
Beste Textfarbe: #000000
WCAG 7.40:1 (AAA) · APCA Lc 47
Contrast pairs
Code-Snippets
CSS
:root {
--leek-green: #979c84;
--leek-green-rgb: 151 156 132;
--leek-green-oklch: oklch(0.682 0.035 116.9);
}
.element {
color: var(--leek-green);
background-color: hsl(73 11% 56%);
border-color: oklch(0.682 0.035 116.9);
}Tailwind CSS v4
@theme {
--color-leek-green: #979c84;
--color-leek-green-50: #f4f7ec;
--color-leek-green-100: #e6eadd;
--color-leek-green-200: #d2d7c6;
--color-leek-green-300: #b5baa7;
--color-leek-green-400: #9da18b;
--color-leek-green-500: #848970;
--color-leek-green-600: #70745f;
--color-leek-green-700: #595d4b;
--color-leek-green-800: #424436;
--color-leek-green-900: #2d2f25;
--color-leek-green-950: #1a1b14;
}SCSS
$leek-green: #979c84;
$leek-green-rgb: 151, 156, 132;
$leek-green-light: mix(#fff, $leek-green, 20%);
$leek-green-dark: mix(#000, $leek-green, 20%);
.element {
color: $leek-green;
box-shadow: 0 0 0 2px rgba($leek-green, 0.35);
}