Benannte Farbe · #A1A14A
Reed Green
Reed Green ist #A1A14A: rgb(161 161 74), hsl(60 37% 46%), oklch(0.691 0.11 109). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Reed Green color name →
#A1A14A
oklch(0.691 0.11 109)
Farbumrechnungen
- HEX
- #a1a14a
- RGB
- rgb(161 161 74)
- HSL
- hsl(60 37% 46%)
- HWB
- hwb(60 29% 37%)
- OKLCH
- oklch(0.691 0.11 109)
- OKLab
- oklab(0.691 -0.036 0.104)
- CIE Lab
- lab(64.88 -8.89 44.43)
- LCH
- lch(64.88 45.31 101.3)
- CMYK
- cmyk(0% 0% 54% 37%)
Tints · Shades · Tones
Tints
- AAAA5E
- B3B471
- BCBD83
- C5C695
- CFD0A7
- D8D9B8
- E2E3CA
- EBECDB
- F5F6ED
Shades
- 8B8B3F
- 767635
- 62622A
- 4E4E20
- 3C3C17
- 2A2A0E
- 191906
- 090902
- 010100
Tones
- 9E9E52
- 9A9B59
- 97975F
- 939465
- 90916A
- 8D8E6F
- 898A73
- 868778
- 83837C
Farbharmonien
Komplementär +180°
- A1A14A
Reed Green
- 9990DC
≈ Middy’s Purple
Analog -30° +30°
- A1A14A
Reed Green
- C09344
≈ Yellow Ochre
- 77AC69
≈ Alfalfa Bug
Triadisch +120° +240°
- A1A14A
Reed Green
- 44A8D2
≈ Mystic Blue
- CE7EA6
≈ Ice Plant
Geteilt komplementär +150° +210°
- A1A14A
Reed Green
- 719CE0
≈ Sea Loch
- B985C7
≈ Lavender Sweater
Tetradisch +90° +180° +270°
- A1A14A
Reed Green
- 26B0B5
≈ Mermaid Treasure
- 9990DC
≈ Middy’s Purple
- D77E80
≈ Galah
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.72:1 · APCA Lc 53
Ag
AAAAuf Schwarz
WCAG 7.71:1 · APCA Lc 49
Beste Textfarbe: #000000
WCAG 7.71:1 (AAA) · APCA Lc 49
Contrast pairs
Code-Snippets
CSS
:root {
--reed-green: #a1a14a;
--reed-green-rgb: 161 161 74;
--reed-green-oklch: oklch(0.691 0.11 109);
}
.element {
color: var(--reed-green);
background-color: hsl(60 37% 46%);
border-color: oklch(0.691 0.11 109);
}Tailwind CSS v4
@theme {
--color-reed-green: #a1a14a;
--color-reed-green-50: #f6f9d5;
--color-reed-green-100: #e9ecc2;
--color-reed-green-200: #d6d9a3;
--color-reed-green-300: #b9bd7a;
--color-reed-green-400: #a3a452;
--color-reed-green-500: #8c8b24;
--color-reed-green-600: #777621;
--color-reed-green-700: #5f5e1a;
--color-reed-green-800: #47450f;
--color-reed-green-900: #312f0a;
--color-reed-green-950: #1d1c00;
}SCSS
$reed-green: #a1a14a;
$reed-green-rgb: 161, 161, 74;
$reed-green-light: mix(#fff, $reed-green, 20%);
$reed-green-dark: mix(#000, $reed-green, 20%);
.element {
color: $reed-green;
box-shadow: 0 0 0 2px rgba($reed-green, 0.35);
}