Benannte Farbe · #AB863A
Garden Sprout
Garden Sprout ist #AB863A: rgb(171 134 58), hsl(40 49% 45%), oklch(0.641 0.104 82.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Garden Sprout color name →
#AB863A
oklch(0.641 0.104 82.8)
Farbumrechnungen
- HEX
- #ab863a
- RGB
- rgb(171 134 58)
- HSL
- hsl(40 49% 45%)
- HWB
- hwb(40 23% 33%)
- OKLCH
- oklch(0.641 0.104 82.8)
- OKLab
- oklab(0.641 0.013 0.103)
- CIE Lab
- lab(58.42 8.51 45.29)
- LCH
- lch(58.42 46.08 79.4)
- CMYK
- cmyk(0% 22% 66% 33%)
Tints · Shades · Tones
Tints
- B39250
- BC9E65
- C4AA78
- CCB68B
- D5C29F
- DDCEB2
- E6DAC5
- EEE6D8
- F7F3EB
Shades
- 947431
- 7E6228
- 685120
- 544018
- 403010
- 2D2109
- 1B1304
- 0B0601
- 010100
Tones
- A78644
- A2854D
- 9E8554
- 9A845C
- 968462
- 918369
- 8D826F
- 898275
- 84817B
Farbharmonien
Komplementär +180°
- AB863A
Garden Sprout
- 6A8CCC
≈ Royal Regatta
Analog -30° +30°
- AB863A
Garden Sprout
- BE7A4E
≈ Rakuda Brown
- 8D9343
≈ April Hills
Triadisch +120° +240°
- AB863A
Garden Sprout
- 1C9EA8
≈ Riviera
- AB76B1
≈ Moonlight Melody
Geteilt komplementär +150° +210°
- AB863A
Garden Sprout
- 4097C1
≈ Galleon Blue
- 8F80C6
≈ Faraway Sky
Tetradisch +90° +180° +270°
- AB863A
Garden Sprout
- 38A186
≈ Gossamer
- 6A8CCC
≈ Royal Regatta
- BD7192
≈ First Plum
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.38:1 · APCA Lc 61
Ag
AAAuf Schwarz
WCAG 6.20:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 6.20:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--garden-sprout: #ab863a;
--garden-sprout-rgb: 171 134 58;
--garden-sprout-oklch: oklch(0.641 0.104 82.8);
}
.element {
color: var(--garden-sprout);
background-color: hsl(40 49% 45%);
border-color: oklch(0.641 0.104 82.8);
}Tailwind CSS v4
@theme {
--color-garden-sprout: #ab863a;
--color-garden-sprout-50: #fff4d4;
--color-garden-sprout-100: #f8e6c1;
--color-garden-sprout-200: #e9d1a2;
--color-garden-sprout-300: #d0b479;
--color-garden-sprout-400: #bc9952;
--color-garden-sprout-500: #a77f25;
--color-garden-sprout-600: #8e6b22;
--color-garden-sprout-700: #71561b;
--color-garden-sprout-800: #553e11;
--color-garden-sprout-900: #3b2b0b;
--color-garden-sprout-950: #251801;
}SCSS
$garden-sprout: #ab863a;
$garden-sprout-rgb: 171, 134, 58;
$garden-sprout-light: mix(#fff, $garden-sprout, 20%);
$garden-sprout-dark: mix(#000, $garden-sprout, 20%);
.element {
color: $garden-sprout;
box-shadow: 0 0 0 2px rgba($garden-sprout, 0.35);
}