Benannte Farbe · #C1B76A
Linden Green
Linden Green ist #C1B76A: rgb(193 183 106), hsl(53 41% 59%), oklch(0.771 0.099 101.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Linden Green color name →
#C1B76A
oklch(0.771 0.099 101.9)
Farbumrechnungen
- HEX
- #c1b76a
- RGB
- rgb(193 183 106)
- HSL
- hsl(53 41% 59%)
- HWB
- hwb(53 42% 24%)
- OKLCH
- oklch(0.771 0.099 101.9)
- OKLab
- oklab(0.771 -0.02 0.097)
- CIE Lab
- lab(73.99 -4.25 40.28)
- LCH
- lch(73.99 40.51 96)
- CMYK
- cmyk(0% 5% 45% 24%)
Tints · Shades · Tones
Tints
- C7BE7A
- CDC589
- D3CD98
- D9D4A7
- DFDBB6
- E6E2C4
- ECE9D3
- F2F1E2
- F9F8F0
Shades
- A79F5B
- 8F874D
- 77703F
- 5F5A31
- 494524
- 343118
- 201E0D
- 0E0C04
- 020200
Tones
- BAB16D
- B4AC71
- ADA673
- A6A176
- A09B78
- 99967A
- 93907C
- 8C8B7D
- 86867F
Farbharmonien
Komplementär +180°
- C1B76A
Linden Green
- AAADF3
≈ Wondrous Wisteria
Analog -30° +30°
- C1B76A
Linden Green
- DCAA6B
≈ Frankincense
- 9DC27F
≈ Picnic
Triadisch +120° +240°
- C1B76A
Linden Green
- 65C3E2
≈ Candid Blue
- E19BC6
≈ Lilac Chiffon
Geteilt komplementär +150° +210°
- C1B76A
Linden Green
- 85B9F2
≈ Electric Eel
- CAA2E3
≈ Silver Rust
Tetradisch +90° +180° +270°
- C1B76A
Linden Green
- 5DC9C5
≈ Setting Sail
- AAADF3
≈ Wondrous Wisteria
- EC9AA4
≈ Pink Floyd
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.04:1 · APCA Lc 40
Ag
AAAAuf Schwarz
WCAG 10.24:1 · APCA Lc 62
Beste Textfarbe: #000000
WCAG 10.24:1 (AAA) · APCA Lc 62
Contrast pairs
Code-Snippets
CSS
:root {
--linden-green: #c1b76a;
--linden-green-rgb: 193 183 106;
--linden-green-oklch: oklch(0.771 0.099 101.9);
}
.element {
color: var(--linden-green);
background-color: hsl(53 41% 59%);
border-color: oklch(0.771 0.099 101.9);
}Tailwind CSS v4
@theme {
--color-linden-green: #c1b76a;
--color-linden-green-50: #f9f7d7;
--color-linden-green-100: #edeac4;
--color-linden-green-200: #dbd7a6;
--color-linden-green-300: #bfba7e;
--color-linden-green-400: #aaa159;
--color-linden-green-500: #94882f;
--color-linden-green-600: #7d732a;
--color-linden-green-700: #645c21;
--color-linden-green-800: #4a4315;
--color-linden-green-900: #342e0e;
--color-linden-green-950: #1f1b02;
}SCSS
$linden-green: #c1b76a;
$linden-green-rgb: 193, 183, 106;
$linden-green-light: mix(#fff, $linden-green, 20%);
$linden-green-dark: mix(#000, $linden-green, 20%);
.element {
color: $linden-green;
box-shadow: 0 0 0 2px rgba($linden-green, 0.35);
}