Cor nomeada · #BF9C65
Mojave Gold
Mojave Gold é #BF9C65: rgb(191 156 101), hsl(37 41% 57%), oklch(0.712 0.083 78.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Mojave Gold color name →
#BF9C65
oklch(0.712 0.083 78.1)
Conversões de cor
- HEX
- #bf9c65
- RGB
- rgb(191 156 101)
- HSL
- hsl(37 41% 57%)
- HWB
- hwb(37 40% 25%)
- OKLCH
- oklch(0.712 0.083 78.1)
- OKLab
- oklab(0.712 0.017 0.082)
- CIE Lab
- lab(66.68 8.19 33.86)
- LCH
- lch(66.68 34.84 76.4)
- CMYK
- cmyk(0% 18% 47% 25%)
Tons claros · Sombras · Tons
Tons claros
- C5A675
- CCAF84
- D2B993
- D9C3A3
- DFCDB2
- E5D7C1
- ECE1D0
- F2EBE0
- F9F5EF
Sombras
- A68757
- 8D7349
- 755F3C
- 5E4C2F
- 483922
- 332817
- 1F180C
- 0D0903
- 020100
Tons
- B99969
- B2976C
- AC946F
- A69172
- 9F8E75
- 998C77
- 93897A
- 8C867C
- 86837E
Harmonias de cor
Complementar +180°
- BF9C65
Mojave Gold
- 82A4D6
≈ Wisteria Blue
Análoga -30° +30°
- BF9C65
Mojave Gold
- CE9374
≈ Feldspar
- A7A668
≈ Wholemeal Cookie
Tríade +120° +240°
- BF9C65
Mojave Gold
- 5CB2B5
≈ Thalassa
- B892C4
≈ Sheer Lilac
Complementar dividida +150° +210°
- BF9C65
Mojave Gold
- 67ADCB
≈ Blue Topaz
- 9F9AD4
≈ Bluebell Frost
Tétrade +90° +180° +270°
- BF9C65
Mojave Gold
- 6BB398
≈ Keppel
- 82A4D6
≈ Wisteria Blue
- CA8DAB
≈ Bonny Belle
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.57:1 · APCA Lc 50
Ag
AAASobre preto
WCAG 8.15:1 · APCA Lc 52
Melhor cor de texto: #000000
WCAG 8.15:1 (AAA) · APCA Lc 52
Contrast pairs
Trechos de código
CSS
:root {
--mojave-gold: #bf9c65;
--mojave-gold-rgb: 191 156 101;
--mojave-gold-oklch: oklch(0.712 0.083 78.1);
}
.element {
color: var(--mojave-gold);
background-color: hsl(37 41% 57%);
border-color: oklch(0.712 0.083 78.1);
}Tailwind CSS v4
@theme {
--color-mojave-gold: #bf9c65;
--color-mojave-gold-50: #fff3db;
--color-mojave-gold-100: #f7e5c9;
--color-mojave-gold-200: #e7d1ad;
--color-mojave-gold-300: #ceb387;
--color-mojave-gold-400: #ba9965;
--color-mojave-gold-500: #a47f42;
--color-mojave-gold-600: #8b6c39;
--color-mojave-gold-700: #6f562d;
--color-mojave-gold-800: #533e1f;
--color-mojave-gold-900: #3a2b14;
--color-mojave-gold-950: #241806;
}SCSS
$mojave-gold: #bf9c65;
$mojave-gold-rgb: 191, 156, 101;
$mojave-gold-light: mix(#fff, $mojave-gold, 20%);
$mojave-gold-dark: mix(#000, $mojave-gold, 20%);
.element {
color: $mojave-gold;
box-shadow: 0 0 0 2px rgba($mojave-gold, 0.35);
}