Benannte Farbe · #A2AF70
Umbrella Green
Umbrella Green ist #A2AF70: rgb(162 175 112), hsl(72 28% 56%), oklch(0.729 0.086 118.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Umbrella Green color name →
#A2AF70
oklch(0.729 0.086 118.1)
Farbumrechnungen
- HEX
- #a2af70
- RGB
- rgb(162 175 112)
- HSL
- hsl(72 28% 56%)
- HWB
- hwb(72 44% 31%)
- OKLCH
- oklch(0.729 0.086 118.1)
- OKLab
- oklab(0.729 -0.041 0.076)
- CIE Lab
- lab(69.29 -12.4 30.73)
- LCH
- lch(69.29 33.14 112)
- CMYK
- cmyk(7% 0% 36% 31%)
Tints · Shades · Tones
Tints
- ABB77E
- B4BF8D
- BDC79B
- C6CFA9
- CFD7B7
- D9DFC5
- E2E7D4
- ECEFE2
- F5F7F0
Shades
- 8C9860
- 778151
- 636B43
- 4F5635
- 3C4127
- 2A2E1A
- 191C0E
- 0A0B04
- 010101
Tones
- 9EAA72
- 9BA674
- 98A176
- 949C78
- 91977A
- 8D937B
- 8A8E7D
- 87897E
- 83857F
Farbharmonien
Komplementär +180°
- A2AF70
Umbrella Green
- AE9CD7
≈ Violet Velvet
Analog -30° +30°
- A2AF70
Umbrella Green
- BEA466
≈ Southern Moss
- 82B789
≈ Meadow
Triadisch +120° +240°
- A2AF70
Umbrella Green
- 72AFD7
≈ Skyscape
- D491A7
≈ Sugar Tooth
Geteilt komplementär +150° +210°
- A2AF70
Umbrella Green
- 90A6DE
≈ Dalmatian Sage
- C594C3
≈ Pomtini
Tetradisch +90° +180° +270°
- A2AF70
Umbrella Green
- 5FB7C4
≈ Aqualogic
- AE9CD7
≈ Violet Velvet
- D89389
≈ Powder Blush
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.35:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 8.90:1 · APCA Lc 56
Beste Textfarbe: #000000
WCAG 8.90:1 (AAA) · APCA Lc 56
Contrast pairs
Code-Snippets
CSS
:root {
--umbrella-green: #a2af70;
--umbrella-green-rgb: 162 175 112;
--umbrella-green-oklch: oklch(0.729 0.086 118.1);
}
.element {
color: var(--umbrella-green);
background-color: hsl(72 28% 56%);
border-color: oklch(0.729 0.086 118.1);
}Tailwind CSS v4
@theme {
--color-umbrella-green: #a2af70;
--color-umbrella-green-50: #f2f9de;
--color-umbrella-green-100: #e4edcd;
--color-umbrella-green-200: #cfdab1;
--color-umbrella-green-300: #b1be8d;
--color-umbrella-green-400: #99a66b;
--color-umbrella-green-500: #818e49;
--color-umbrella-green-600: #6d783f;
--color-umbrella-green-700: #576032;
--color-umbrella-green-800: #414622;
--color-umbrella-green-900: #2d3116;
--color-umbrella-green-950: #1a1d08;
}SCSS
$umbrella-green: #a2af70;
$umbrella-green-rgb: 162, 175, 112;
$umbrella-green-light: mix(#fff, $umbrella-green, 20%);
$umbrella-green-dark: mix(#000, $umbrella-green, 20%);
.element {
color: $umbrella-green;
box-shadow: 0 0 0 2px rgba($umbrella-green, 0.35);
}