Benannte Farbe · #876F4D
Golden Freesia
Golden Freesia ist #876F4D: rgb(135 111 77), hsl(35 27% 42%), oklch(0.556 0.057 75.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Golden Freesia color name →
#876F4D
oklch(0.556 0.057 75.8)
Farbumrechnungen
- HEX
- #876f4d
- RGB
- rgb(135 111 77)
- HSL
- hsl(35 27% 42%)
- HWB
- hwb(35 30% 47%)
- OKLCH
- oklch(0.556 0.057 75.8)
- OKLab
- oklab(0.556 0.014 0.055)
- CIE Lab
- lab(48.56 6.16 22.68)
- LCH
- lch(48.56 23.5 74.8)
- CMYK
- cmyk(0% 18% 43% 47%)
Tints · Shades · Tones
Tints
- 937D5E
- 9E8A6F
- AA9880
- B6A691
- C2B5A3
- CEC3B5
- DAD2C7
- E6E1D9
- F3F0EC
Shades
- 756042
- 635137
- 51422C
- 413422
- 312718
- 211A0F
- 130E07
- 060402
- 010100
Tones
- 867152
- 867358
- 85745D
- 847662
- 847867
- 83796C
- 827B71
- 827D76
- 817E7B
Farbharmonien
Komplementär +180°
- 876F4D
Golden Freesia
- 5D7595
≈ Privileged Elite
Analog -30° +30°
- 876F4D
Golden Freesia
- 906957
≈ Rio Rust
- 78764E
≈ Steel Legion Drab
Triadisch +120° +240°
- 876F4D
Golden Freesia
- 487E7E
≈ Submerged
- 81698A
≈ Matriarch
Geteilt komplementär +150° +210°
- 876F4D
Golden Freesia
- 4D7B8D
≈ Cayman Bay
- 706F94
≈ Silk Crepe Mauve
Tetradisch +90° +180° +270°
- 876F4D
Golden Freesia
- 527E6C
≈ Gremolata
- 5D7595
≈ Privileged Elite
- 8D667B
≈ Sweet Violet
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.76:1 · APCA Lc 73
Ag
FailAuf Schwarz
WCAG 4.41:1 · APCA Lc 29
Beste Textfarbe: #FFFFFF
WCAG 4.76:1 (AA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--golden-freesia: #876f4d;
--golden-freesia-rgb: 135 111 77;
--golden-freesia-oklch: oklch(0.556 0.057 75.8);
}
.element {
color: var(--golden-freesia);
background-color: hsl(35 27% 42%);
border-color: oklch(0.556 0.057 75.8);
}Tailwind CSS v4
@theme {
--color-golden-freesia: #876f4d;
--color-golden-freesia-50: #fef4e3;
--color-golden-freesia-100: #f3e6d3;
--color-golden-freesia-200: #e2d2ba;
--color-golden-freesia-300: #c8b497;
--color-golden-freesia-400: #b29a79;
--color-golden-freesia-500: #9c815b;
--color-golden-freesia-600: #846d4d;
--color-golden-freesia-700: #6a573e;
--color-golden-freesia-800: #4e402c;
--color-golden-freesia-900: #372c1e;
--color-golden-freesia-950: #21190e;
}SCSS
$golden-freesia: #876f4d;
$golden-freesia-rgb: 135, 111, 77;
$golden-freesia-light: mix(#fff, $golden-freesia, 20%);
$golden-freesia-dark: mix(#000, $golden-freesia, 20%);
.element {
color: $golden-freesia;
box-shadow: 0 0 0 2px rgba($golden-freesia, 0.35);
}