Benannte Farbe · #576F44
Asparagus Sprig
Asparagus Sprig ist #576F44: rgb(87 111 68), hsl(93 24% 35%), oklch(0.511 0.071 132.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Asparagus Sprig color name →
#576F44
oklch(0.511 0.071 132.2)
Farbumrechnungen
- HEX
- #576f44
- RGB
- rgb(87 111 68)
- HSL
- hsl(93 24% 35%)
- HWB
- hwb(93 27% 56%)
- OKLCH
- oklch(0.511 0.071 132.2)
- OKLab
- oklab(0.511 -0.047 0.052)
- CIE Lab
- lab(44.04 -15.53 20.96)
- LCH
- lch(44.04 26.09 126.5)
- CMYK
- cmyk(22% 0% 39% 56%)
Tints · Shades · Tones
Tints
- 667D55
- 768A67
- 869879
- 97A68B
- A7B59E
- B8C3B1
- CAD2C4
- DBE1D7
- EDF0EB
Shades
- 4B603A
- 3E5130
- 334226
- 27341D
- 1C2714
- 121A0C
- 080E05
- 030402
- 000100
Tones
- 5B714A
- 5F7350
- 637457
- 67765D
- 6B7863
- 707968
- 747B6E
- 787D74
- 7C7E7A
Farbharmonien
Komplementär +180°
- 576F44
Asparagus Sprig
- 745A84
≈ Mystical Purple
Analog -30° +30°
- 576F44
Asparagus Sprig
- 6E6836
≈ Robinhood
- 3D735A
≈ Foliage Green
Triadisch +120° +240°
- 576F44
Asparagus Sprig
- 48698E
≈ Snake River
- 8A555B
≈ Fragrant Cherry
Geteilt komplementär +150° +210°
- 576F44
Asparagus Sprig
- 60618E
≈ Majestic Purple
- 835672
≈ Magnificence
Tetradisch +90° +180° +270°
- 576F44
Asparagus Sprig
- 326F83
≈ Tlāloc Blue
- 745A84
≈ Mystical Purple
- 895946
≈ Hope Chest
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.58:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.76:1 · APCA Lc 24
Beste Textfarbe: #FFFFFF
WCAG 5.58:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--asparagus-sprig: #576f44;
--asparagus-sprig-rgb: 87 111 68;
--asparagus-sprig-oklch: oklch(0.511 0.071 132.2);
}
.element {
color: var(--asparagus-sprig);
background-color: hsl(93 24% 35%);
border-color: oklch(0.511 0.071 132.2);
}Tailwind CSS v4
@theme {
--color-asparagus-sprig: #576f44;
--color-asparagus-sprig-50: #edfae6;
--color-asparagus-sprig-100: #deeed6;
--color-asparagus-sprig-200: #c8dbbd;
--color-asparagus-sprig-300: #a9c09b;
--color-asparagus-sprig-400: #8fa87c;
--color-asparagus-sprig-500: #75905f;
--color-asparagus-sprig-600: #637a51;
--color-asparagus-sprig-700: #4f6240;
--color-asparagus-sprig-800: #3a472d;
--color-asparagus-sprig-900: #28311f;
--color-asparagus-sprig-950: #161d0e;
}SCSS
$asparagus-sprig: #576f44;
$asparagus-sprig-rgb: 87, 111, 68;
$asparagus-sprig-light: mix(#fff, $asparagus-sprig, 20%);
$asparagus-sprig-dark: mix(#000, $asparagus-sprig, 20%);
.element {
color: $asparagus-sprig;
box-shadow: 0 0 0 2px rgba($asparagus-sprig, 0.35);
}