Benannte Farbe · #977A41
Gold Estate
Gold Estate ist #977A41: rgb(151 122 65), hsl(40 40% 42%), oklch(0.595 0.083 82.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Gold Estate color name →
#977A41
oklch(0.595 0.083 82.8)
Farbumrechnungen
- HEX
- #977a41
- RGB
- rgb(151 122 65)
- HSL
- hsl(40 40% 42%)
- HWB
- hwb(40 25% 41%)
- OKLCH
- oklch(0.595 0.083 82.8)
- OKLab
- oklab(0.595 0.01 0.083)
- CIE Lab
- lab(53.12 6.41 35.26)
- LCH
- lch(53.12 35.84 79.7)
- CMYK
- cmyk(0% 19% 57% 41%)
Tints · Shades · Tones
Tints
- A18754
- AB9467
- B5A17A
- C0AE8C
- CABB9F
- D5C8B2
- DFD6C5
- EAE3D8
- F4F1EB
Shades
- 836937
- 6F592E
- 5C4925
- 493A1C
- 372B13
- 261D0B
- 171005
- 080501
- 010100
Tones
- 957B49
- 937C50
- 907C57
- 8E7D5D
- 8C7E63
- 897E69
- 877F6F
- 857F75
- 82807A
Farbharmonien
Komplementär +180°
- 977A41
Gold Estate
- 647EB1
≈ Prompt
Analog -30° +30°
- 977A41
Gold Estate
- A6704E
≈ Drum Solo
- 7F8447
≈ Fresh Artichoke
Triadisch +120° +240°
- 977A41
Gold Estate
- 348D95
≈ Aqueous
- 976E9C
≈ Tatarian Aster
Geteilt komplementär +150° +210°
- 977A41
Gold Estate
- 4687A8
≈ Underwater Moonlight
- 8075AC
≈ Purple Rhapsody
Tetradisch +90° +180° +270°
- 977A41
Gold Estate
- 428F7A
≈ Perky
- 647EB1
≈ Prompt
- A66A83
≈ Cure All
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.05:1 · APCA Lc 68
Ag
AAAuf Schwarz
WCAG 5.17:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 5.17:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--gold-estate: #977a41;
--gold-estate-rgb: 151 122 65;
--gold-estate-oklch: oklch(0.595 0.083 82.8);
}
.element {
color: var(--gold-estate);
background-color: hsl(40 40% 42%);
border-color: oklch(0.595 0.083 82.8);
}Tailwind CSS v4
@theme {
--color-gold-estate: #977a41;
--color-gold-estate-50: #fff4db;
--color-gold-estate-100: #f5e6c9;
--color-gold-estate-200: #e5d2ac;
--color-gold-estate-300: #cbb586;
--color-gold-estate-400: #b79a64;
--color-gold-estate-500: #a18140;
--color-gold-estate-600: #886d38;
--color-gold-estate-700: #6d572c;
--color-gold-estate-800: #513f1f;
--color-gold-estate-900: #392c14;
--color-gold-estate-950: #231906;
}SCSS
$gold-estate: #977a41;
$gold-estate-rgb: 151, 122, 65;
$gold-estate-light: mix(#fff, $gold-estate, 20%);
$gold-estate-dark: mix(#000, $gold-estate, 20%);
.element {
color: $gold-estate;
box-shadow: 0 0 0 2px rgba($gold-estate, 0.35);
}