Nazwany kolor · #B1A57B
Gold Infusion
Gold Infusion to #B1A57B: rgb(177 165 123), hsl(47 26% 59%), oklch(0.722 0.059 94). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Gold Infusion color name →
#B1A57B
oklch(0.722 0.059 94)
Konwersje koloru
- HEX
- #b1a57b
- RGB
- rgb(177 165 123)
- HSL
- hsl(47 26% 59%)
- HWB
- hwb(47 48% 31%)
- OKLCH
- oklch(0.722 0.059 94)
- OKLab
- oklab(0.722 -0.004 0.059)
- CIE Lab
- lab(67.99 -0.34 23.5)
- LCH
- lch(67.99 23.51 90.8)
- CMYK
- cmyk(0% 7% 31% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B9AE88
- C0B795
- C8BFA2
- D0C8AF
- D7D1BC
- DFDAC9
- E7E3D7
- EFEDE4
- F7F6F1
Odcienie ciemniejsze
- 998F6A
- 83795A
- 6C654A
- 57513A
- 423D2C
- 2F2B1E
- 1C1A10
- 0C0A05
- 010101
Tony
- ACA17C
- A79E7D
- A29A7D
- 9D967E
- 98927E
- 938F7F
- 8E8B7F
- 8A8780
- 858480
Harmonie kolorów
Komplementarna +180°
- B1A57B
Gold Infusion
- 99A3CB
≈ Fields of Heather
Analogowa -30° +30°
- B1A57B
Gold Infusion
- C09E7F
≈ Wickerwork
- 9DAC83
≈ Cucumber Crush
Triada +120° +240°
- B1A57B
Gold Infusion
- 7AAFBC
≈ November Skies
- BD98B4
≈ Cherished
Komplementarna rozszczepiona +150° +210°
- B1A57B
Gold Infusion
- 86AAC8
≈ Colorado Springs
- AD9CC4
≈ Evening Slipper
Tetrada +90° +180° +270°
- B1A57B
Gold Infusion
- 7BB2A9
≈ Intracoastal
- 99A3CB
≈ Fields of Heather
- C696A1
≈ Rose Meadow
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.45:1 · APCA Lc 48
Ag
AAANa czerni
WCAG 8.53:1 · APCA Lc 54
Najlepszy kolor tekstu: #000000
WCAG 8.53:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmenty kodu
CSS
:root {
--gold-infusion: #b1a57b;
--gold-infusion-rgb: 177 165 123;
--gold-infusion-oklch: oklch(0.722 0.059 94);
}
.element {
color: var(--gold-infusion);
background-color: hsl(47 26% 59%);
border-color: oklch(0.722 0.059 94);
}Tailwind CSS v4
@theme {
--color-gold-infusion: #b1a57b;
--color-gold-infusion-50: #faf5e3;
--color-gold-infusion-100: #ede8d2;
--color-gold-infusion-200: #dbd5b9;
--color-gold-infusion-300: #c0b896;
--color-gold-infusion-400: #aa9e77;
--color-gold-infusion-500: #938658;
--color-gold-infusion-600: #7c714b;
--color-gold-infusion-700: #635b3c;
--color-gold-infusion-800: #4a422a;
--color-gold-infusion-900: #332d1d;
--color-gold-infusion-950: #1f1a0d;
}SCSS
$gold-infusion: #b1a57b;
$gold-infusion-rgb: 177, 165, 123;
$gold-infusion-light: mix(#fff, $gold-infusion, 20%);
$gold-infusion-dark: mix(#000, $gold-infusion, 20%);
.element {
color: $gold-infusion;
box-shadow: 0 0 0 2px rgba($gold-infusion, 0.35);
}