Color con nombre más cercano · #BDA775
#BDA775
Color con nombre más cercano: Gold Rush
#BDA775 (rgb(189 167 117), hsl(42 35% 60%), oklch(0.736 0.072 86.9)) se parece más al color con nombre Gold Rush. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#BDA775
oklch(0.736 0.072 86.9)
Conversiones de color
- HEX
- #bda775
- RGB
- rgb(189 167 117)
- HSL
- hsl(42 35% 60%)
- HWB
- hwb(42 46% 26%)
- OKLCH
- oklch(0.736 0.072 86.9)
- OKLab
- oklab(0.736 0.004 0.071)
- CIE Lab
- lab(69.54 2.99 28.99)
- LCH
- lch(69.54 29.14 84.1)
- CMYK
- cmyk(0% 12% 38% 26%)
Tintes · Sombras · Tonos
Tintes
- C3B083
- CAB890
- D1C19E
- D7CAAC
- DED3BA
- E4DBC7
- EBE4D5
- F2EDE3
- F8F6F1
Sombras
- A49165
- 8C7B55
- 746646
- 5D5237
- 473E29
- 332C1C
- 1F1A0F
- 0D0A05
- 020101
Tonos
- B7A377
- B19F78
- AA9B7A
- A4977B
- 9E947C
- 98907D
- 928C7E
- 8C887F
- 86847F
Armonías de color
Complementario +180°
- BDA775
Gold Rush
- 95A9D7
≈ Victory Lake
Análogo -30° +30°
- BDA775
Gold Rush
- CD9E7D
≈ Arbol de Tamarindo
- A6B07C
≈ Fresh Guacamole
Triádico +120° +240°
- BDA775
Gold Rush
- 71B7C0
≈ Tibetan Stone
- C29AC1
≈ Lupine
Complementario dividido +150° +210°
- BDA775
Gold Rush
- 7EB1D1
≈ Meadow Blossom Blue
- AEA0D2
≈ Imperial Lilac
Tetrádico +90° +180° +270°
- BDA775
Gold Rush
- 77B9A8
≈ Sereni Teal
- 95A9D7
≈ Victory Lake
- CF97AA
≈ Honey Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.34:1 · APCA Lc 46
Ag
AAASobre negro
WCAG 8.94:1 · APCA Lc 56
Mejor color de texto: #000000
WCAG 8.94:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmentos de código
CSS
:root {
--gold-rush: #bda775;
--gold-rush-rgb: 189 167 117;
--gold-rush-oklch: oklch(0.736 0.072 86.9);
}
.element {
color: var(--gold-rush);
background-color: hsl(42 35% 60%);
border-color: oklch(0.736 0.072 86.9);
}Tailwind CSS v4
@theme {
--color-gold-rush: #bda775;
--color-gold-rush-50: #fdf5df;
--color-gold-rush-100: #f1e7cd;
--color-gold-rush-200: #e1d3b2;
--color-gold-rush-300: #c6b68e;
--color-gold-rush-400: #b19c6d;
--color-gold-rush-500: #9b834d;
--color-gold-rush-600: #836f41;
--color-gold-rush-700: #695934;
--color-gold-rush-800: #4e4024;
--color-gold-rush-900: #362c18;
--color-gold-rush-950: #211909;
}SCSS
$gold-rush: #bda775;
$gold-rush-rgb: 189, 167, 117;
$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);
}