Benannte Farbe · #9C9463
Green Lentils
Green Lentils ist #9C9463: rgb(156 148 99), hsl(52 22% 50%), oklch(0.661 0.068 100.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Green Lentils color name →
#9C9463
oklch(0.661 0.068 100.1)
Farbumrechnungen
- HEX
- #9c9463
- RGB
- rgb(156 148 99)
- HSL
- hsl(52 22% 50%)
- HWB
- hwb(52 39% 39%)
- OKLCH
- oklch(0.661 0.068 100.1)
- OKLab
- oklab(0.661 -0.012 0.067)
- CIE Lab
- lab(61.12 -2.54 27.07)
- LCH
- lch(61.12 27.19 95.4)
- CMYK
- cmyk(0% 5% 37% 39%)
Tints · Shades · Tones
Tints
- A59E72
- AFA982
- B9B391
- C2BEA0
- CCC9B0
- D6D3BF
- E0DECF
- EAE9DF
- F5F4EF
Shades
- 878055
- 736D47
- 5F5A3A
- 4C482E
- 393621
- 282616
- 18160B
- 090803
- 010100
Tones
- 999266
- 96906A
- 938E6D
- 918C70
- 8E8A73
- 8B8876
- 888678
- 85847B
- 83827E
Farbharmonien
Komplementär +180°
- 9C9463
Green Lentils
- 8A8EBC
≈ Soft Blue Lavender
Analog -30° +30°
- 9C9463
Green Lentils
- AE8C65
≈ Dubbin
- 859B6F
≈ Sleepy Hollow
Triadisch +120° +240°
- 9C9463
Green Lentils
- 619DB0
≈ Dolphin Daze
- AF83A0
≈ Capri Fashion Pink
Geteilt komplementär +150° +210°
- 9C9463
Green Lentils
- 7396BB
≈ Bluebird’s Belly
- 9F87B2
≈ Flirty Pink
Tetradisch +90° +180° +270°
- 9C9463
Green Lentils
- 5FA09C
≈ Teal Bayou
- 8A8EBC
≈ Soft Blue Lavender
- B88289
≈ Lime Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.07:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.82:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.82:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--green-lentils: #9c9463;
--green-lentils-rgb: 156 148 99;
--green-lentils-oklch: oklch(0.661 0.068 100.1);
}
.element {
color: var(--green-lentils);
background-color: hsl(52 22% 50%);
border-color: oklch(0.661 0.068 100.1);
}Tailwind CSS v4
@theme {
--color-green-lentils: #9c9463;
--color-green-lentils-50: #f9f6e0;
--color-green-lentils-100: #ece9d0;
--color-green-lentils-200: #d9d6b5;
--color-green-lentils-300: #beb991;
--color-green-lentils-400: #a7a071;
--color-green-lentils-500: #908751;
--color-green-lentils-600: #7a7345;
--color-green-lentils-700: #625c37;
--color-green-lentils-800: #484327;
--color-green-lentils-900: #322e1a;
--color-green-lentils-950: #1e1b0a;
}SCSS
$green-lentils: #9c9463;
$green-lentils-rgb: 156, 148, 99;
$green-lentils-light: mix(#fff, $green-lentils, 20%);
$green-lentils-dark: mix(#000, $green-lentils, 20%);
.element {
color: $green-lentils;
box-shadow: 0 0 0 2px rgba($green-lentils, 0.35);
}