Cor nomeada mais próxima · #C6A978
#C6A978
Cor nomeada mais próxima: Gold Rush
#C6A978 (rgb(198 169 120), hsl(38 41% 62%), oklch(0.749 0.073 80.3)) é mais próxima da cor nomeada Gold Rush. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#C6A978
oklch(0.749 0.073 80.3)
Conversões de cor
- HEX
- #c6a978
- RGB
- rgb(198 169 120)
- HSL
- hsl(38 41% 62%)
- HWB
- hwb(38 47% 22%)
- OKLCH
- oklch(0.749 0.073 80.3)
- OKLab
- oklab(0.749 0.012 0.072)
- CIE Lab
- lab(70.97 5.91 29.44)
- LCH
- lch(70.97 30.03 78.7)
- CMYK
- cmyk(0% 15% 39% 22%)
Tons claros · Sombras · Tons
Tons claros
- CCB186
- D1BA93
- D7C2A0
- DDCBAE
- E2D4BB
- E8DCC9
- EEE5D6
- F4EEE4
- F9F6F1
Sombras
- AC9267
- 927C57
- 7A6748
- 625339
- 4B3F2A
- 352C1D
- 211B10
- 0E0A05
- 020101
Tons
- BFA579
- B8A17B
- B19D7C
- AA997D
- A3957D
- 9C907E
- 958C7F
- 8E887F
- 878480
Harmonias de cor
Complementar +180°
- C6A978
Gold Rush
- 93AFDD
≈ Blue Skies Today
Análoga -30° +30°
- C6A978
Gold Rush
- D4A184
≈ Orange Maple
- B0B27C
≈ Weeping Willow
Tríade +120° +240°
- C6A978
Gold Rush
- 73BCC0
≈ Aqua Sky
- C39FCB
≈ Lilac Pink
Complementar dividida +150° +210°
- C6A978
Gold Rush
- 7CB7D4
≈ Regale Blue
- ADA6D9
≈ Ariel’s Delight
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.24:1 · APCA Lc 44
Ag
AAASobre preto
WCAG 9.34:1 · APCA Lc 58
Melhor cor de texto: #000000
WCAG 9.34:1 (AAA) · APCA Lc 58
Contrast pairs
Trechos de código
CSS
:root {
--gold-rush: #c6a978;
--gold-rush-rgb: 198 169 120;
--gold-rush-oklch: oklch(0.749 0.073 80.3);
}
.element {
color: var(--gold-rush);
background-color: hsl(38 41% 62%);
border-color: oklch(0.749 0.073 80.3);
}Tailwind CSS v4
@theme {
--color-gold-rush: #c6a978;
--color-gold-rush-50: #fff4de;
--color-gold-rush-100: #f4e6cd;
--color-gold-rush-200: #e4d2b1;
--color-gold-rush-300: #cab48d;
--color-gold-rush-400: #b59a6c;
--color-gold-rush-500: #a0814b;
--color-gold-rush-600: #876d41;
--color-gold-rush-700: #6c5733;
--color-gold-rush-800: #503f24;
--color-gold-rush-900: #382c18;
--color-gold-rush-950: #221909;
}SCSS
$gold-rush: #c6a978;
$gold-rush-rgb: 198, 169, 120;
$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);
}