Colore con nome · #D4AF37
Metallic Gold
Metallic Gold è #D4AF37: rgb(212 175 55), hsl(46 65% 52%), oklch(0.767 0.139 91.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Metallic Gold color name →
#D4AF37
oklch(0.767 0.139 91.1)
Conversioni di colore
- HEX
- #d4af37
- RGB
- rgb(212 175 55)
- HSL
- hsl(46 65% 52%)
- HWB
- hwb(46 22% 17%)
- OKLCH
- oklch(0.767 0.139 91.1)
- OKLab
- oklab(0.767 -0.003 0.139)
- CIE Lab
- lab(73.29 5.13 62.82)
- LCH
- lch(73.29 63.03 85.3)
- CMYK
- cmyk(0% 17% 74% 17%)
Tinte · Ombre · Toni
Tinte
- D8B753
- DDBF69
- E1C87E
- E5D092
- E9D8A4
- EEE0B7
- F2E7C9
- F6EFDB
- FBF7ED
Ombre
- B8982E
- 9D8126
- 836B1E
- 695616
- 51410F
- 3A2E08
- 241C03
- 100B01
- 020100
Toni
- CBAA45
- C3A650
- BAA159
- B29D60
- A99867
- A1936D
- 988F73
- 908A77
- 88857C
Armonie di colore
Complementare +180°
- D4AF37
Metallic Gold
- 97AFFF
≈ Widowmaker
Analogo -30° +30°
- D4AF37
Metallic Gold
- F29D4D
≈ Question Mark Block
- A6C053
≈ Sapling
Triadico +120° +240°
- D4AF37
Metallic Gold
- 00C9E3
≈ Picnic Day Sky
- E591DC
≈ Love Dust
Complementare divisa +150° +210°
- D4AF37
Metallic Gold
- 5BBDFF
≈ Hello Summer
- C29DFD
≈ Diva
Tetradico +90° +180° +270°
- D4AF37
Metallic Gold
- 00CFB8
≈ Pristine Oceanic
- 97AFFF
≈ Widowmaker
- FA8BAE
≈ Tickle Me Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.10:1 · APCA Lc 41
Ag
AAASu nero
WCAG 9.98:1 · APCA Lc 61
Miglior colore del testo: #000000
WCAG 9.98:1 (AAA) · APCA Lc 61
Contrast pairs
Frammenti di codice
CSS
:root {
--metallic-gold: #d4af37;
--metallic-gold-rgb: 212 175 55;
--metallic-gold-oklch: oklch(0.767 0.139 91.1);
}
.element {
color: var(--metallic-gold);
background-color: hsl(46 65% 52%);
border-color: oklch(0.767 0.139 91.1);
}Tailwind CSS v4
@theme {
--color-metallic-gold: #d4af37;
--color-metallic-gold-50: #fff5c9;
--color-metallic-gold-100: #f8e8b3;
--color-metallic-gold-200: #e8d38f;
--color-metallic-gold-300: #d0b65f;
--color-metallic-gold-400: #bd9a26;
--color-metallic-gold-500: #a88000;
--color-metallic-gold-600: #8e6d00;
--color-metallic-gold-700: #725700;
--color-metallic-gold-800: #563f00;
--color-metallic-gold-900: #3c2b00;
--color-metallic-gold-950: #251800;
}SCSS
$metallic-gold: #d4af37;
$metallic-gold-rgb: 212, 175, 55;
$metallic-gold-light: mix(#fff, $metallic-gold, 20%);
$metallic-gold-dark: mix(#000, $metallic-gold, 20%);
.element {
color: $metallic-gold;
box-shadow: 0 0 0 2px rgba($metallic-gold, 0.35);
}