Benannte Farbe · #919365
Green Cast
Green Cast ist #919365: rgb(145 147 101), hsl(63 19% 49%), oklch(0.65 0.064 110.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Green Cast color name →
#919365
oklch(0.65 0.064 110.2)
Farbumrechnungen
- HEX
- #919365
- RGB
- rgb(145 147 101)
- HSL
- hsl(63 19% 49%)
- HWB
- hwb(63 40% 42%)
- OKLCH
- oklch(0.65 0.064 110.2)
- OKLab
- oklab(0.65 -0.022 0.06)
- CIE Lab
- lab(59.89 -6.42 24.18)
- LCH
- lch(59.89 25.01 104.9)
- CMYK
- cmyk(1% 0% 31% 42%)
Tints · Shades · Tones
Tints
- 9B9D74
- A6A883
- B1B292
- BBBDA1
- C6C8B0
- D1D3C0
- DDDECF
- E8E9DF
- F3F4EF
Shades
- 7D7F57
- 6A6C49
- 58593C
- 46472F
- 353622
- 252517
- 15160C
- 070803
- 010100
Tones
- 8F9168
- 8D8F6B
- 8C8D6E
- 8A8C71
- 888A74
- 878876
- 858679
- 83847B
- 82827E
Farbharmonien
Komplementär +180°
- 919365
Green Cast
- 8E89B4
≈ Silk Lilac
Analog -30° +30°
- 919365
Green Cast
- A48B62
≈ Garden Salt Green
- 7A9974
≈ Jade Green
Triadisch +120° +240°
- 919365
Green Cast
- 6597AF
≈ Shirt Blue
- AE7F94
≈ Heather Violet
Geteilt komplementär +150° +210°
- 919365
Green Cast
- 7990B7
≈ Opal Violet
- A183A8
≈ Regal Orchid
Tetradisch +90° +180° +270°
- 919365
Green Cast
- 5D9B9F
≈ Hydroport
- 8E89B4
≈ Silk Lilac
- B3807F
≈ Minuet Rose
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.19:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.56:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.56:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--green-cast: #919365;
--green-cast-rgb: 145 147 101;
--green-cast-oklch: oklch(0.65 0.064 110.2);
}
.element {
color: var(--green-cast);
background-color: hsl(63 19% 49%);
border-color: oklch(0.65 0.064 110.2);
}Tailwind CSS v4
@theme {
--color-green-cast: #919365;
--color-green-cast-50: #f5f7e3;
--color-green-cast-100: #e8ead2;
--color-green-cast-200: #d4d8b8;
--color-green-cast-300: #b8bb96;
--color-green-cast-400: #a0a276;
--color-green-cast-500: #888a58;
--color-green-cast-600: #73754b;
--color-green-cast-700: #5c5e3b;
--color-green-cast-800: #44442a;
--color-green-cast-900: #2f2f1c;
--color-green-cast-950: #1c1c0c;
}SCSS
$green-cast: #919365;
$green-cast-rgb: 145, 147, 101;
$green-cast-light: mix(#fff, $green-cast, 20%);
$green-cast-dark: mix(#000, $green-cast, 20%);
.element {
color: $green-cast;
box-shadow: 0 0 0 2px rgba($green-cast, 0.35);
}