Nazwany kolor · #B17743
Gold Metal
Gold Metal to #B17743: rgb(177 119 67), hsl(28 45% 48%), oklch(0.619 0.1 61.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Gold Metal color name →
#B17743
oklch(0.619 0.1 61.2)
Konwersje koloru
- HEX
- #b17743
- RGB
- rgb(177 119 67)
- HSL
- hsl(28 45% 48%)
- HWB
- hwb(28 26% 31%)
- OKLCH
- oklch(0.619 0.1 61.2)
- OKLab
- oklab(0.619 0.048 0.087)
- CIE Lab
- lab(55.43 19.55 37.81)
- LCH
- lch(55.43 42.56 62.7)
- CMYK
- cmyk(0% 33% 62% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B98456
- C19269
- C99F7C
- D1AC8E
- D9BAA1
- E1C8B3
- E9D5C6
- F0E3D9
- F8F1EC
Odcienie ciemniejsze
- 996739
- 83572F
- 6C4726
- 57381D
- 422A14
- 2F1C0C
- 1C1005
- 0C0501
- 010100
Tony
- AC784B
- A87952
- A37B58
- 9E7C5F
- 997D65
- 957D6A
- 907E70
- 8B7F75
- 857F7B
Harmonie kolorów
Komplementarna +180°
- B17743
Gold Metal
- 498DBC
≈ Blueberry Festival
Analogowa -30° +30°
- B17743
Gold Metal
- BA6E60
≈ Hacienda Tile
- 9C8337
≈ Wild Grass
Triada +120° +240°
- B17743
Gold Metal
- 2A9989
≈ Temple Guard Blue
- 9077B8
≈ Royal Raul
Komplementarna rozszczepiona +150° +210°
- B17743
Gold Metal
- 2295A8
≈ Brilliant
- 7082C2
≈ Orbital
Tetrada +90° +180° +270°
- B17743
Gold Metal
- 559767
≈ Endless
- 498DBC
≈ Blueberry Festival
- A86FA1
≈ Violet Femmes
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.75:1 · APCA Lc 65
Ag
AANa czerni
WCAG 5.58:1 · APCA Lc 37
Najlepszy kolor tekstu: #000000
WCAG 5.58:1 (AA) · APCA Lc 37
Contrast pairs
Fragmenty kodu
CSS
:root {
--gold-metal: #b17743;
--gold-metal-rgb: 177 119 67;
--gold-metal-oklch: oklch(0.619 0.1 61.2);
}
.element {
color: var(--gold-metal);
background-color: hsl(28 45% 48%);
border-color: oklch(0.619 0.1 61.2);
}Tailwind CSS v4
@theme {
--color-gold-metal: #b17743;
--color-gold-metal-50: #fff0d8;
--color-gold-metal-100: #ffe1c6;
--color-gold-metal-200: #f4cca9;
--color-gold-metal-300: #dcad82;
--color-gold-metal-400: #c99160;
--color-gold-metal-500: #b5753a;
--color-gold-metal-600: #996433;
--color-gold-metal-700: #7b5028;
--color-gold-metal-800: #5c391c;
--color-gold-metal-900: #402712;
--color-gold-metal-950: #291505;
}SCSS
$gold-metal: #b17743;
$gold-metal-rgb: 177, 119, 67;
$gold-metal-light: mix(#fff, $gold-metal, 20%);
$gold-metal-dark: mix(#000, $gold-metal, 20%);
.element {
color: $gold-metal;
box-shadow: 0 0 0 2px rgba($gold-metal, 0.35);
}