Dichtstbijzijnde benoemde kleur · #C0A46E
#C0A46E
Dichtstbijzijnde benoemde kleur: Gold Rush
#C0A46E (rgb(192 164 110), hsl(40 39% 59%), oklch(0.731 0.079 83.2)) komt het dichtst bij de benoemde kleur Gold Rush. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#C0A46E
oklch(0.731 0.079 83.2)
Kleurconversies
- HEX
- #c0a46e
- RGB
- rgb(192 164 110)
- HSL
- hsl(40 39% 59%)
- HWB
- hwb(40 43% 25%)
- OKLCH
- oklch(0.731 0.079 83.2)
- OKLab
- oklab(0.731 0.009 0.078)
- CIE Lab
- lab(68.96 5.18 32)
- LCH
- lch(68.96 32.42 80.8)
- CMYK
- cmyk(0% 15% 43% 25%)
Tinten · Schaduwen · Tonen
Tinten
- C6AD7D
- CDB68B
- D3BF9A
- D9C8A8
- DFD1B6
- E6DAC5
- ECE3D3
- F2EDE2
- F9F6F0
Schaduwen
- A78E5F
- 8E7950
- 766441
- 5F5033
- 493D26
- 342B19
- 201A0E
- 0E0A04
- 020101
Tonen
- B9A071
- B39D73
- AC9975
- A69677
- A09279
- 998F7B
- 938B7C
- 8D877E
- 86847F
Kleurharmonieën
Complementair +180°
- C0A46E
Gold Rush
- 8EA8DA
≈ Black Drop
Analoog -30° +30°
- C0A46E
Gold Rush
- D09B79
≈ Sweet Almond
- A8AE74
≈ Wasabi Green
Triadisch +120° +240°
- C0A46E
Gold Rush
- 68B7BE
≈ Maritime Soft Blue
- C198C5
≈ Lilac Pink
Gesplitst complementair +150° +210°
- C0A46E
Gold Rush
- 75B1D2
≈ Meadow Blossom Blue
- AA9FD5
≈ Simply Violet
Tetradisch +90° +180° +270°
- C0A46E
Gold Rush
- 71B8A3
≈ Turtle Lake
- 8EA8DA
≈ Black Drop
- D094AC
≈ Exotic Lilac
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.39:1 · APCA Lc 47
Ag
AAAOp zwart
WCAG 8.77:1 · APCA Lc 55
Beste tekstkleur: #000000
WCAG 8.77:1 (AAA) · APCA Lc 55
Contrast pairs
Codefragmenten
CSS
:root {
--gold-rush: #c0a46e;
--gold-rush-rgb: 192 164 110;
--gold-rush-oklch: oklch(0.731 0.079 83.2);
}
.element {
color: var(--gold-rush);
background-color: hsl(40 39% 59%);
border-color: oklch(0.731 0.079 83.2);
}Tailwind CSS v4
@theme {
--color-gold-rush: #c0a46e;
--color-gold-rush-50: #fff4dc;
--color-gold-rush-100: #f4e7cb;
--color-gold-rush-200: #e4d2af;
--color-gold-rush-300: #cab58a;
--color-gold-rush-400: #b59b68;
--color-gold-rush-500: #9f8146;
--color-gold-rush-600: #876e3c;
--color-gold-rush-700: #6c5830;
--color-gold-rush-800: #504021;
--color-gold-rush-900: #382c16;
--color-gold-rush-950: #221907;
}SCSS
$gold-rush: #c0a46e;
$gold-rush-rgb: 192, 164, 110;
$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);
}