Najbliższy nazwany kolor · #BDA775
#BDA775
Najbliższy nazwany kolor: Gold Rush
#BDA775 (rgb(189 167 117), hsl(42 35% 60%), oklch(0.736 0.072 86.9)) jest najbliższy nazwanemu kolorowi Gold Rush. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#BDA775
oklch(0.736 0.072 86.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C3B083
- CAB890
- D1C19E
- D7CAAC
- DED3BA
- E4DBC7
- EBE4D5
- F2EDE3
- F8F6F1
Odcienie ciemniejsze
- A49165
- 8C7B55
- 746646
- 5D5237
- 473E29
- 332C1C
- 1F1A0F
- 0D0A05
- 020101
Tony
- B7A377
- B19F78
- AA9B7A
- A4977B
- 9E947C
- 98907D
- 928C7E
- 8C887F
- 86847F
Harmonie kolorów
Komplementarna +180°
- BDA775
Gold Rush
- 95A9D7
≈ Victory Lake
Analogowa -30° +30°
- BDA775
Gold Rush
- CD9E7D
≈ Arbol de Tamarindo
- A6B07C
≈ Fresh Guacamole
Triada +120° +240°
- BDA775
Gold Rush
- 71B7C0
≈ Tibetan Stone
- C29AC1
≈ Lupine
Komplementarna rozszczepiona +150° +210°
- BDA775
Gold Rush
- 7EB1D1
≈ Meadow Blossom Blue
- AEA0D2
≈ Imperial Lilac
Tetrada +90° +180° +270°
- BDA775
Gold Rush
- 77B9A8
≈ Sereni Teal
- 95A9D7
≈ Victory Lake
- CF97AA
≈ Honey Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.34:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 8.94:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 8.94:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
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);
}