Benannte Farbe · #696112
Greenish Brown
Greenish Brown ist #696112: rgb(105 97 18), hsl(54 71% 24%), oklch(0.486 0.095 103.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Greenish Brown color name →
#696112
oklch(0.486 0.095 103.3)
Farbumrechnungen
- HEX
- #696112
- RGB
- rgb(105 97 18)
- HSL
- hsl(54 71% 24%)
- HWB
- hwb(54 7% 59%)
- OKLCH
- oklch(0.486 0.095 103.3)
- OKLab
- oklab(0.486 -0.022 0.092)
- CIE Lab
- lab(40.81 -3.5 42.19)
- LCH
- lch(40.81 42.33 94.7)
- CMYK
- cmyk(0% 8% 83% 59%)
Tints · Shades · Tones
Tints
- 777030
- 857F48
- 938E5E
- A29E75
- B1AE8B
- C0BDA2
- CFCEB9
- DFDED0
- EFEEE7
Shades
- 5A530E
- 4C460A
- 3E3907
- 312D04
- 242102
- 181501
- 0C0B01
- 040300
- 000000
Tones
- 6B6423
- 6D6831
- 706B3C
- 726E47
- 747151
- 76745A
- 797764
- 7B7A6D
- 7E7D77
Farbharmonien
Komplementär +180°
- 696112
Greenish Brown
- 585793
≈ Old Nan Yarn
Analog -30° +30°
- 696112
Greenish Brown
- 7F5613
≈ Intense Brown
- 496A2F
≈ Tree Shade
Triadisch +120° +240°
- 696112
Greenish Brown
- 006A84
≈ Pilot Blue
- 84486D
≈ Grape Kiss
Geteilt komplementär +150° +210°
- 696112
Greenish Brown
- 366193
≈ Running Water
- 724E85
≈ Affair
Tetradisch +90° +180° +270°
- 696112
Greenish Brown
- 006E6C
≈ Caribbean Current
- 585793
≈ Old Nan Yarn
- 8C474F
≈ Rhubarb Smoothie
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.32:1 · APCA Lc 81
Ag
FailAuf Schwarz
WCAG 3.31:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.32:1 (AA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--greenish-brown: #696112;
--greenish-brown-rgb: 105 97 18;
--greenish-brown-oklch: oklch(0.486 0.095 103.3);
}
.element {
color: var(--greenish-brown);
background-color: hsl(54 71% 24%);
border-color: oklch(0.486 0.095 103.3);
}Tailwind CSS v4
@theme {
--color-greenish-brown: #696112;
--color-greenish-brown-50: #f9f7d8;
--color-greenish-brown-100: #eceac6;
--color-greenish-brown-200: #dad7a9;
--color-greenish-brown-300: #bebb82;
--color-greenish-brown-400: #a8a15d;
--color-greenish-brown-500: #918936;
--color-greenish-brown-600: #7b742f;
--color-greenish-brown-700: #625d25;
--color-greenish-brown-800: #494319;
--color-greenish-brown-900: #332e10;
--color-greenish-brown-950: #1f1b03;
}SCSS
$greenish-brown: #696112;
$greenish-brown-rgb: 105, 97, 18;
$greenish-brown-light: mix(#fff, $greenish-brown, 20%);
$greenish-brown-dark: mix(#000, $greenish-brown, 20%);
.element {
color: $greenish-brown;
box-shadow: 0 0 0 2px rgba($greenish-brown, 0.35);
}