Benannte Farbe · #836E59
Golem
Golem ist #836E59: rgb(131 110 89), hsl(30 19% 43%), oklch(0.553 0.041 66.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Golem color name →
#836E59
oklch(0.553 0.041 66.8)
Farbumrechnungen
- HEX
- #836e59
- RGB
- rgb(131 110 89)
- HSL
- hsl(30 19% 43%)
- HWB
- hwb(30 35% 49%)
- OKLCH
- oklch(0.553 0.041 66.8)
- OKLab
- oklab(0.553 0.016 0.038)
- CIE Lab
- lab(48.05 6.1 15)
- LCH
- lch(48.05 16.19 67.9)
- CMYK
- cmyk(0% 16% 32% 49%)
Tints · Shades · Tones
Tints
- 8F7C68
- 9B8978
- A79788
- B3A698
- BFB4A9
- CCC3BA
- D9D1CB
- E5E0DC
- F2F0ED
Shades
- 715F4C
- 605040
- 4F4134
- 3F3328
- 2F261D
- 201913
- 120E09
- 060403
- 010100
Tones
- 83705D
- 837261
- 827365
- 827569
- 82776D
- 817971
- 817B74
- 817C78
- 807E7C
Farbharmonien
Komplementär +180°
- 836E59
Golem
- 5F7589
≈ Lost Atlantis
Analog -30° +30°
- 836E59
Golem
- 886A62
≈ Creamed Muscat
- 797357
≈ Fermata
Triadisch +120° +240°
- 836E59
Golem
- 577A76
≈ Breaker Bay
- 786C85
≈ Amethyst Gem
Geteilt komplementär +150° +210°
- 836E59
Golem
- 577982
≈ Catalina Coast
- 6C718B
≈ Deep Larkspur
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.83:1 · APCA Lc 74
Ag
FailAuf Schwarz
WCAG 4.33:1 · APCA Lc 28
Beste Textfarbe: #FFFFFF
WCAG 4.83:1 (AA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--golem: #836e59;
--golem-rgb: 131 110 89;
--golem-oklch: oklch(0.553 0.041 66.8);
}
.element {
color: var(--golem);
background-color: hsl(30 19% 43%);
border-color: oklch(0.553 0.041 66.8);
}Tailwind CSS v4
@theme {
--color-golem: #836e59;
--color-golem-50: #fdf3e9;
--color-golem-100: #f1e6da;
--color-golem-200: #e0d1c2;
--color-golem-300: #c6b4a1;
--color-golem-400: #af9a85;
--color-golem-500: #99816a;
--color-golem-600: #816e5a;
--color-golem-700: #685847;
--color-golem-800: #4d4034;
--color-golem-900: #352c23;
--color-golem-950: #201912;
}SCSS
$golem: #836e59;
$golem-rgb: 131, 110, 89;
$golem-light: mix(#fff, $golem, 20%);
$golem-dark: mix(#000, $golem, 20%);
.element {
color: $golem;
box-shadow: 0 0 0 2px rgba($golem, 0.35);
}