Colore con nome · #B0834F
Gold Plated
Gold Plated è #B0834F: rgb(176 131 79), hsl(32 38% 50%), oklch(0.643 0.088 69.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Gold Plated color name →
#B0834F
oklch(0.643 0.088 69.2)
Conversioni di colore
- HEX
- #b0834f
- RGB
- rgb(176 131 79)
- HSL
- hsl(32 38% 50%)
- HWB
- hwb(32 31% 31%)
- OKLCH
- oklch(0.643 0.088 69.2)
- OKLab
- oklab(0.643 0.031 0.083)
- CIE Lab
- lab(58.42 13.42 34.95)
- LCH
- lch(58.42 37.44 69)
- CMYK
- cmyk(0% 26% 55% 31%)
Tinte · Ombre · Toni
Tinte
- B88F61
- C09B72
- C8A784
- D0B495
- D8C0A6
- E0CCB8
- E8D9C9
- EFE6DB
- F7F2ED
Ombre
- 997144
- 826038
- 6C4F2E
- 563F23
- 422F19
- 2E2010
- 1C1207
- 0B0602
- 010100
Toni
- AB8355
- A7835B
- A28360
- 9D8265
- 98826A
- 94826F
- 8F8173
- 8A8178
- 85817C
Armonie di colore
Complementare +180°
- B0834F
Gold Plated
- 6191C1
≈ Come Sail Away
Analogo -30° +30°
- B0834F
Gold Plated
- BB7A64
≈ Autumn’s Hill
- 9A8E4C
≈ Tupelo Tree
Triadico +120° +240°
- B0834F
Gold Plated
- 409E98
≈ Baltic Green
- 9D7EB6
≈ Lush Lilac
Complementare divisa +150° +210°
- B0834F
Gold Plated
- 459AB2
≈ Starflower Blue
- 8187C2
≈ True Lavender
Tetradico +90° +180° +270°
- B0834F
Gold Plated
- 5A9E7A
≈ Memphis Green
- 6191C1
≈ Come Sail Away
- B1789F
≈ Victorian Violet
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.38:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.20:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.20:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--gold-plated: #b0834f;
--gold-plated-rgb: 176 131 79;
--gold-plated-oklch: oklch(0.643 0.088 69.2);
}
.element {
color: var(--gold-plated);
background-color: hsl(32 38% 50%);
border-color: oklch(0.643 0.088 69.2);
}Tailwind CSS v4
@theme {
--color-gold-plated: #b0834f;
--color-gold-plated-50: #fff2da;
--color-gold-plated-100: #fbe4c9;
--color-gold-plated-200: #edcfac;
--color-gold-plated-300: #d4b086;
--color-gold-plated-400: #c19564;
--color-gold-plated-500: #ac7b40;
--color-gold-plated-600: #916837;
--color-gold-plated-700: #75532c;
--color-gold-plated-800: #573c1f;
--color-gold-plated-900: #3d2914;
--color-gold-plated-950: #261706;
}SCSS
$gold-plated: #b0834f;
$gold-plated-rgb: 176, 131, 79;
$gold-plated-light: mix(#fff, $gold-plated, 20%);
$gold-plated-dark: mix(#000, $gold-plated, 20%);
.element {
color: $gold-plated;
box-shadow: 0 0 0 2px rgba($gold-plated, 0.35);
}