Benannte Farbe · #C59137
Golden Grain
Golden Grain ist #C59137: rgb(197 145 55), hsl(38 56% 49%), oklch(0.691 0.122 77.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Golden Grain color name →
#C59137
oklch(0.691 0.122 77.6)
Farbumrechnungen
- HEX
- #c59137
- RGB
- rgb(197 145 55)
- HSL
- hsl(38 56% 49%)
- HWB
- hwb(38 22% 23%)
- OKLCH
- oklch(0.691 0.122 77.6)
- OKLab
- oklab(0.691 0.026 0.119)
- CIE Lab
- lab(64.12 14 53.5)
- LCH
- lch(64.12 55.3 75.3)
- CMYK
- cmyk(0% 26% 72% 23%)
Tints · Shades · Tones
Tints
- CB9C50
- D1A765
- D7B279
- DDBD8D
- E3C8A0
- E9D3B3
- EEDEC6
- F4E9D9
- F9F4EC
Shades
- AB7D2E
- 926A26
- 79581E
- 614616
- 4B350F
- 352508
- 211503
- 0E0701
- 020100
Tones
- BE9043
- B78E4D
- B08D55
- A98B5D
- A38964
- 9C886A
- 958670
- 8E8476
- 87827B
Farbharmonien
Komplementär +180°
- C59137
Golden Grain
- 6A9DE6
≈ Feather Star
Analog -30° +30°
- C59137
Golden Grain
- D88356
≈ Copperhead
- A4A13C
≈ Machine Green
Triadisch +120° +240°
- C59137
Golden Grain
- 00B1B5
≈ Mermaid Treasure
- BB83CD
≈ Lavender Sweater
Geteilt komplementär +150° +210°
- C59137
Golden Grain
- 2FAAD6
≈ Bright Cerulean
- 988FE3
≈ Perrywinkle
Tetradisch +90° +180° +270°
- C59137
Golden Grain
- 3AB38D
≈ Hisui Kingfisher
- 6A9DE6
≈ Feather Star
- D27BA9
≈ Ice Plant
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.80:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.47:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.47:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--golden-grain: #c59137;
--golden-grain-rgb: 197 145 55;
--golden-grain-oklch: oklch(0.691 0.122 77.6);
}
.element {
color: var(--golden-grain);
background-color: hsl(38 56% 49%);
border-color: oklch(0.691 0.122 77.6);
}Tailwind CSS v4
@theme {
--color-golden-grain: #c59137;
--color-golden-grain-50: #fff2cf;
--color-golden-grain-100: #fee4bb;
--color-golden-grain-200: #f0cf99;
--color-golden-grain-300: #d8b16d;
--color-golden-grain-400: #c69542;
--color-golden-grain-500: #b27a00;
--color-golden-grain-600: #966700;
--color-golden-grain-700: #795302;
--color-golden-grain-800: #5a3b01;
--color-golden-grain-900: #3f2902;
--color-golden-grain-950: #281600;
}SCSS
$golden-grain: #c59137;
$golden-grain-rgb: 197, 145, 55;
$golden-grain-light: mix(#fff, $golden-grain, 20%);
$golden-grain-dark: mix(#000, $golden-grain, 20%);
.element {
color: $golden-grain;
box-shadow: 0 0 0 2px rgba($golden-grain, 0.35);
}