Cor nomeada · #95743F
California Gold Rush
California Gold Rush é #95743F: rgb(149 116 63), hsl(37 41% 42%), oklch(0.58 0.082 77.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Brown mean? → · California Gold Rush color name →
#95743F
oklch(0.58 0.082 77.9)
Conversões de cor
- HEX
- #95743f
- RGB
- rgb(149 116 63)
- HSL
- hsl(37 41% 42%)
- HWB
- hwb(37 25% 42%)
- OKLCH
- oklch(0.58 0.082 77.9)
- OKLab
- oklab(0.58 0.017 0.08)
- CIE Lab
- lab(51.28 8.64 34.11)
- LCH
- lch(51.28 35.18 75.8)
- CMYK
- cmyk(0% 22% 58% 42%)
Tons claros · Sombras · Tons
Tons claros
- 9F8152
- AA8F65
- B49C78
- BFAA8B
- C9B89E
- D4C6B1
- DFD4C4
- E9E2D7
- F4F0EB
Sombras
- 816435
- 6D542C
- 5A4523
- 48371B
- 372912
- 261B0A
- 160F04
- 080501
- 010100
Tons
- 937547
- 91774E
- 8F7855
- 8D795C
- 8B7B62
- 897C68
- 877D6E
- 847E74
- 827F7A
Harmonias de cor
Complementar +180°
- 95743F
California Gold Rush
- 5B7BAB
≈ Deck Crew
Análoga -30° +30°
- 95743F
California Gold Rush
- A26B4F
≈ Hazel
- 7F7E42
≈ Terrapin
Tríade +120° +240°
- 95743F
California Gold Rush
- 31898C
≈ Turkish Jade
- 8F6B9A
≈ Court Jester
Complementar dividida +150° +210°
- 95743F
California Gold Rush
- 3F84A0
≈ Dirty Blue
- 7872A8
≈ Purple Mountain Majesty
Tétrade +90° +180° +270°
- 95743F
California Gold Rush
- 448A71
≈ Molly Robins
- 5B7BAB
≈ Deck Crew
- 9E6683
≈ Love Poem
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 4.33:1 · APCA Lc 70
Ag
AASobre preto
WCAG 4.84:1 · APCA Lc 32
Melhor cor de texto: #000000
WCAG 4.84:1 (AA) · APCA Lc 32
Contrast pairs
Trechos de código
CSS
:root {
--california-gold-rush: #95743f;
--california-gold-rush-rgb: 149 116 63;
--california-gold-rush-oklch: oklch(0.58 0.082 77.9);
}
.element {
color: var(--california-gold-rush);
background-color: hsl(37 41% 42%);
border-color: oklch(0.58 0.082 77.9);
}Tailwind CSS v4
@theme {
--color-california-gold-rush: #95743f;
--color-california-gold-rush-50: #fff3dc;
--color-california-gold-rush-100: #f7e6ca;
--color-california-gold-rush-200: #e7d1ad;
--color-california-gold-rush-300: #ceb388;
--color-california-gold-rush-400: #b99966;
--color-california-gold-rush-500: #a47f43;
--color-california-gold-rush-600: #8b6c3a;
--color-california-gold-rush-700: #6f562e;
--color-california-gold-rush-800: #533e20;
--color-california-gold-rush-900: #3a2b15;
--color-california-gold-rush-950: #241807;
}SCSS
$california-gold-rush: #95743f;
$california-gold-rush-rgb: 149, 116, 63;
$california-gold-rush-light: mix(#fff, $california-gold-rush, 20%);
$california-gold-rush-dark: mix(#000, $california-gold-rush, 20%);
.element {
color: $california-gold-rush;
box-shadow: 0 0 0 2px rgba($california-gold-rush, 0.35);
}