Benannte Farbe · #6A8E22
Asparagus Sultan
Asparagus Sultan ist #6A8E22: rgb(106 142 34), hsl(80 61% 35%), oklch(0.599 0.139 126.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Asparagus Sultan color name →
#6A8E22
oklch(0.599 0.139 126.7)
Farbumrechnungen
- HEX
- #6a8e22
- RGB
- rgb(106 142 34)
- HSL
- hsl(80 61% 35%)
- HWB
- hwb(80 13% 44%)
- OKLCH
- oklch(0.599 0.139 126.7)
- OKLab
- oklab(0.599 -0.083 0.111)
- CIE Lab
- lab(54.76 -25 49.26)
- LCH
- lch(54.76 55.24 116.9)
- CMYK
- cmyk(25% 0% 76% 44%)
Tints · Shades · Tones
Tints
- 78993F
- 86A456
- 94B06C
- A3BB81
- B2C696
- C1D2AB
- D0DDC0
- E0E8D5
- EFF4EA
Shades
- 5B7B1C
- 4D6816
- 3F5611
- 31440B
- 243407
- 182403
- 0D1501
- 040700
- 000100
Tones
- 6C8D32
- 6E8C3E
- 718B48
- 738952
- 75885A
- 778663
- 79856A
- 7C8372
- 7E8279
Farbharmonien
Komplementär +180°
- 6A8E22
Asparagus Sultan
- 9567C0
≈ Viola
Analog -30° +30°
- 6A8E22
Asparagus Sultan
- 957F00
≈ Moscow Papyrus
- 14985D
≈ Green Gloss
Triadisch +120° +240°
- 6A8E22
Asparagus Sultan
- 2785CD
≈ Water Blue
- C25872
≈ Mon Cher Ami
Geteilt komplementär +150° +210°
- 6A8E22
Asparagus Sultan
- 6C76D1
≈ Kickstart Purple
- B25C9E
≈ Bodacious
Tetradisch +90° +180° +270°
- 6A8E22
Asparagus Sultan
- 008FA9
≈ Zeftron
- 9567C0
≈ Viola
- C45D40
≈ Cold Brew Tonic
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.81:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.50:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.50:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--asparagus-sultan: #6a8e22;
--asparagus-sultan-rgb: 106 142 34;
--asparagus-sultan-oklch: oklch(0.599 0.139 126.7);
}
.element {
color: var(--asparagus-sultan);
background-color: hsl(80 61% 35%);
border-color: oklch(0.599 0.139 126.7);
}Tailwind CSS v4
@theme {
--color-asparagus-sultan: #6a8e22;
--color-asparagus-sultan-50: #e9fed4;
--color-asparagus-sultan-100: #daf2c1;
--color-asparagus-sultan-200: #c2e0a1;
--color-asparagus-sultan-300: #a2c577;
--color-asparagus-sultan-400: #89ad4c;
--color-asparagus-sultan-500: #6e9615;
--color-asparagus-sultan-600: #5d7f17;
--color-asparagus-sultan-700: #4a6513;
--color-asparagus-sultan-800: #384a07;
--color-asparagus-sultan-900: #263305;
--color-asparagus-sultan-950: #151f00;
}SCSS
$asparagus-sultan: #6a8e22;
$asparagus-sultan-rgb: 106, 142, 34;
$asparagus-sultan-light: mix(#fff, $asparagus-sultan, 20%);
$asparagus-sultan-dark: mix(#000, $asparagus-sultan, 20%);
.element {
color: $asparagus-sultan;
box-shadow: 0 0 0 2px rgba($asparagus-sultan, 0.35);
}