Colore con nome · #D3AF37
Marina Bay Sands
Marina Bay Sands è #D3AF37: rgb(211 175 55), hsl(46 64% 52%), oklch(0.766 0.138 91.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Marina Bay Sands color name →
#D3AF37
oklch(0.766 0.138 91.6)
Conversioni di colore
- HEX
- #d3af37
- RGB
- rgb(211 175 55)
- HSL
- hsl(46 64% 52%)
- HWB
- hwb(46 22% 17%)
- OKLCH
- oklch(0.766 0.138 91.6)
- OKLab
- oklab(0.766 -0.004 0.138)
- CIE Lab
- lab(73.19 4.7 62.68)
- LCH
- lch(73.19 62.86 85.7)
- CMYK
- cmyk(0% 17% 74% 17%)
Tinte · Ombre · Toni
Tinte
- D7B753
- DCBF69
- E0C87E
- E5D092
- E9D8A4
- EDE0B7
- F2E7C9
- F6EFDB
- FBF7ED
Ombre
- B7982E
- 9C8126
- 826B1E
- 695616
- 51410F
- 3A2E08
- 241C03
- 100B01
- 020100
Toni
- CAAA45
- C2A650
- B9A159
- B19D60
- A99867
- A0936D
- 988F72
- 908A77
- 88857C
Armonie di colore
Complementare +180°
- D3AF37
Marina Bay Sands
- 98AEFF
≈ Widowmaker
Analogo -30° +30°
- D3AF37
Marina Bay Sands
- F19D4D
≈ Question Mark Block
- A5C054
≈ Sapling
Triadico +120° +240°
- D3AF37
Marina Bay Sands
- 00C9E3
≈ Picnic Day Sky
- E591DA
≈ Love Dust
Complementare divisa +150° +210°
- D3AF37
Marina Bay Sands
- 5CBCFF
≈ Hello Summer
- C39DFC
≈ Diva
Tetradico +90° +180° +270°
- D3AF37
Marina Bay Sands
- 00CFB9
≈ Exquisite Turquoise
- 98AEFF
≈ Widowmaker
- FA8BAD
≈ Tickle Me Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.10:1 · APCA Lc 41
Ag
AAASu nero
WCAG 9.95:1 · APCA Lc 61
Miglior colore del testo: #000000
WCAG 9.95:1 (AAA) · APCA Lc 61
Contrast pairs
Frammenti di codice
CSS
:root {
--marina-bay-sands: #d3af37;
--marina-bay-sands-rgb: 211 175 55;
--marina-bay-sands-oklch: oklch(0.766 0.138 91.6);
}
.element {
color: var(--marina-bay-sands);
background-color: hsl(46 64% 52%);
border-color: oklch(0.766 0.138 91.6);
}Tailwind CSS v4
@theme {
--color-marina-bay-sands: #d3af37;
--color-marina-bay-sands-50: #fff5c9;
--color-marina-bay-sands-100: #f7e8b4;
--color-marina-bay-sands-200: #e8d48f;
--color-marina-bay-sands-300: #cfb65f;
--color-marina-bay-sands-400: #bc9b27;
--color-marina-bay-sands-500: #a88100;
--color-marina-bay-sands-600: #8e6d00;
--color-marina-bay-sands-700: #725700;
--color-marina-bay-sands-800: #553f00;
--color-marina-bay-sands-900: #3b2b00;
--color-marina-bay-sands-950: #251800;
}SCSS
$marina-bay-sands: #d3af37;
$marina-bay-sands-rgb: 211, 175, 55;
$marina-bay-sands-light: mix(#fff, $marina-bay-sands, 20%);
$marina-bay-sands-dark: mix(#000, $marina-bay-sands, 20%);
.element {
color: $marina-bay-sands;
box-shadow: 0 0 0 2px rgba($marina-bay-sands, 0.35);
}