Benannte Farbe · #90AA0B
Augustus Asparagus
Augustus Asparagus ist #90AA0B: rgb(144 170 11), hsl(70 88% 35%), oklch(0.694 0.163 120.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Augustus Asparagus color name →
#90AA0B
oklch(0.694 0.163 120.1)
Farbumrechnungen
- HEX
- #90aa0b
- RGB
- rgb(144 170 11)
- HSL
- hsl(70 88% 35%)
- HWB
- hwb(70 4% 33%)
- OKLCH
- oklch(0.694 0.163 120.1)
- OKLab
- oklab(0.694 -0.082 0.141)
- CIE Lab
- lab(65.78 -22.63 64.99)
- LCH
- lch(65.78 68.82 109.2)
- CMYK
- cmyk(15% 0% 94% 33%)
Tints · Shades · Tones
Tints
- 9AB33B
- A5BB56
- AFC46E
- BACD84
- C5D599
- D1DEAE
- DCE6C2
- E7EED6
- F3F7EB
Shades
- 7D9308
- 6A7D06
- 576804
- 455302
- 343F01
- 242D01
- 151B00
- 070B00
- 010100
Tones
- 8EA62B
- 8CA23C
- 8B9E49
- 899A53
- 87965C
- 869265
- 848D6C
- 838973
- 81857A
Farbharmonien
Komplementär +180°
- 90AA0B
Augustus Asparagus
- AD82F1
≈ Lavender Blossom
Analog -30° +30°
- 90AA0B
Augustus Asparagus
- BE9700
≈ Hidden Tribe
- 3DB863
≈ Cool Green
Triadisch +120° +240°
- 90AA0B
Augustus Asparagus
- 00A7F4
≈ Vivid Cerulean
- EA6B98
≈ Shadow Azalea Pink
Geteilt komplementär +150° +210°
- 90AA0B
Augustus Asparagus
- 7794FF
≈ Periwinkle Blue
- D373CC
≈ French Mauve
Tetradisch +90° +180° +270°
- 90AA0B
Augustus Asparagus
- 00B0C5
≈ Antigua Blue
- AD82F1
≈ Lavender Blossom
- F06F5D
≈ Mild Heart Attack
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.64:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 7.94:1 · APCA Lc 51
Beste Textfarbe: #000000
WCAG 7.94:1 (AAA) · APCA Lc 51
Contrast pairs
Code-Snippets
CSS
:root {
--augustus-asparagus: #90aa0b;
--augustus-asparagus-rgb: 144 170 11;
--augustus-asparagus-oklch: oklch(0.694 0.163 120.1);
}
.element {
color: var(--augustus-asparagus);
background-color: hsl(70 88% 35%);
border-color: oklch(0.694 0.163 120.1);
}Tailwind CSS v4
@theme {
--color-augustus-asparagus: #90aa0b;
--color-augustus-asparagus-50: #edfdca;
--color-augustus-asparagus-100: #def1b5;
--color-augustus-asparagus-200: #c8e091;
--color-augustus-asparagus-300: #a9c461;
--color-augustus-asparagus-400: #92ac25;
--color-augustus-asparagus-500: #799400;
--color-augustus-asparagus-600: #677d00;
--color-augustus-asparagus-700: #526400;
--color-augustus-asparagus-800: #3e4900;
--color-augustus-asparagus-900: #2b3300;
--color-augustus-asparagus-950: #181e00;
}SCSS
$augustus-asparagus: #90aa0b;
$augustus-asparagus-rgb: 144, 170, 11;
$augustus-asparagus-light: mix(#fff, $augustus-asparagus, 20%);
$augustus-asparagus-dark: mix(#000, $augustus-asparagus, 20%);
.element {
color: $augustus-asparagus;
box-shadow: 0 0 0 2px rgba($augustus-asparagus, 0.35);
}