Colore con nome · #C4A777
Gold Rush
Gold Rush è #C4A777: rgb(196 167 119), hsl(37 39% 62%), oklch(0.743 0.072 79.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Gold Rush color name →
#C4A777
oklch(0.743 0.072 79.8)
Conversioni di colore
- HEX
- #c4a777
- RGB
- rgb(196 167 119)
- HSL
- hsl(37 39% 62%)
- HWB
- hwb(37 47% 23%)
- OKLCH
- oklch(0.743 0.072 79.8)
- OKLab
- oklab(0.743 0.013 0.071)
- CIE Lab
- lab(70.25 6.03 28.99)
- LCH
- lch(70.25 29.61 78.3)
- CMYK
- cmyk(0% 15% 39% 23%)
Tinte · Ombre · Toni
Tinte
- CAB085
- D0B892
- D6C1A0
- DCCAAD
- E1D3BB
- E7DBC8
- EDE4D6
- F3EDE3
- F9F6F1
Ombre
- AA9167
- 917B57
- 786647
- 615238
- 4A3E2A
- 352C1C
- 211A10
- 0E0A05
- 020101
Toni
- BDA378
- B69F7A
- AF9B7B
- A8977C
- A2947D
- 9B907E
- 948C7E
- 8D887F
- 878480
Armonie di colore
Complementare +180°
- C4A777
Gold Rush
- 91ADDA
≈ Victory Lake
Analogo -30° +30°
- C4A777
Gold Rush
- D29F83
≈ Orange Maple
- AEB07A
≈ Weeping Willow
Triadico +120° +240°
- C4A777
Gold Rush
- 72BABD
≈ Aqua Sky
- C09DC9
≈ Lilac Pink
Complementare divisa +150° +210°
- C4A777
Gold Rush
- 7BB5D1
≈ Regale Blue
- AAA4D7
≈ Simply Violet
Tetradico +90° +180° +270°
- C4A777
Gold Rush
- 7CBBA4
≈ Froggy Pond
- 91ADDA
≈ Victory Lake
- D099B2
≈ Exotic Lilac
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.29:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.14:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.14:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
CSS
:root {
--gold-rush: #c4a777;
--gold-rush-rgb: 196 167 119;
--gold-rush-oklch: oklch(0.743 0.072 79.8);
}
.element {
color: var(--gold-rush);
background-color: hsl(37 39% 62%);
border-color: oklch(0.743 0.072 79.8);
}Tailwind CSS v4
@theme {
--color-gold-rush: #c4a777;
--color-gold-rush-50: #fff4de;
--color-gold-rush-100: #f4e6cd;
--color-gold-rush-200: #e4d2b2;
--color-gold-rush-300: #cab48e;
--color-gold-rush-400: #b59a6d;
--color-gold-rush-500: #a0814c;
--color-gold-rush-600: #876d41;
--color-gold-rush-700: #6c5734;
--color-gold-rush-800: #503f25;
--color-gold-rush-900: #382c18;
--color-gold-rush-950: #221909;
}SCSS
$gold-rush: #c4a777;
$gold-rush-rgb: 196, 167, 119;
$gold-rush-light: mix(#fff, $gold-rush, 20%);
$gold-rush-dark: mix(#000, $gold-rush, 20%);
.element {
color: $gold-rush;
box-shadow: 0 0 0 2px rgba($gold-rush, 0.35);
}