Colore con nome · #AA9855
Burnished Gold
Burnished Gold è #AA9855: rgb(170 152 85), hsl(47 33% 50%), oklch(0.681 0.09 94.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Burnished Gold color name →
#AA9855
oklch(0.681 0.09 94.7)
Conversioni di colore
- HEX
- #aa9855
- RGB
- rgb(170 152 85)
- HSL
- hsl(47 33% 50%)
- HWB
- hwb(47 33% 33%)
- OKLCH
- oklch(0.681 0.09 94.7)
- OKLab
- oklab(0.681 -0.007 0.089)
- CIE Lab
- lab(63.35 0.22 37.52)
- LCH
- lch(63.35 37.52 89.7)
- CMYK
- cmyk(0% 11% 50% 33%)
Tinte · Ombre · Toni
Tinte
- B2A267
- BAAC78
- C3B689
- CBC199
- D4CBAA
- DCD5BB
- E5E0CC
- EDEADD
- F6F4EE
Ombre
- 938449
- 7D703D
- 685C31
- 534A26
- 3F381C
- 2D2711
- 1B1708
- 0B0802
- 010100
Toni
- A6965B
- A19360
- 9D9165
- 998F69
- 958C6E
- 908A72
- 8C8875
- 888579
- 84837D
Armonie di colore
Complementare +180°
- AA9855
Burnished Gold
- 8894D0
≈ Mystic Iris
Analogo -30° +30°
- AA9855
Burnished Gold
- BF8D5B
≈ Espresso Tonic
- 8CA264
≈ Scarpetta
Triadico +120° +240°
- AA9855
Burnished Gold
- 4DA7BB
≈ Blue Calypso
- BB83AF
≈ Drama Violet
Complementare divisa +150° +210°
- AA9855
Burnished Gold
- 679FCC
≈ Tantalise
- A58BC5
≈ Classic Bouquet
Tetradico +90° +180° +270°
- AA9855
Burnished Gold
- 4EAB9F
≈ Ambrosial Oceanside
- 8894D0
≈ Mystic Iris
- C88191
≈ Grey Matter
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.86:1 · APCA Lc 55
Ag
AAASu nero
WCAG 7.33:1 · APCA Lc 47
Miglior colore del testo: #000000
WCAG 7.33:1 (AAA) · APCA Lc 47
Contrast pairs
Frammenti di codice
CSS
:root {
--burnished-gold: #aa9855;
--burnished-gold-rgb: 170 152 85;
--burnished-gold-oklch: oklch(0.681 0.09 94.7);
}
.element {
color: var(--burnished-gold);
background-color: hsl(47 33% 50%);
border-color: oklch(0.681 0.09 94.7);
}Tailwind CSS v4
@theme {
--color-burnished-gold: #aa9855;
--color-burnished-gold-50: #fcf6d9;
--color-burnished-gold-100: #f0e9c7;
--color-burnished-gold-200: #dfd5a9;
--color-burnished-gold-300: #c4b883;
--color-burnished-gold-400: #af9e5f;
--color-burnished-gold-500: #998539;
--color-burnished-gold-600: #817132;
--color-burnished-gold-700: #685a27;
--color-burnished-gold-800: #4d411a;
--color-burnished-gold-900: #362d11;
--color-burnished-gold-950: #211a04;
}SCSS
$burnished-gold: #aa9855;
$burnished-gold-rgb: 170, 152, 85;
$burnished-gold-light: mix(#fff, $burnished-gold, 20%);
$burnished-gold-dark: mix(#000, $burnished-gold, 20%);
.element {
color: $burnished-gold;
box-shadow: 0 0 0 2px rgba($burnished-gold, 0.35);
}