Colore con nome · #D1B075
Gold Digger
Gold Digger è #D1B075: rgb(209 176 117), hsl(38 50% 64%), oklch(0.773 0.086 81.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Gold Digger color name →
#D1B075
oklch(0.773 0.086 81.4)
Conversioni di colore
- HEX
- #d1b075
- RGB
- rgb(209 176 117)
- HSL
- hsl(38 50% 64%)
- HWB
- hwb(38 46% 18%)
- OKLCH
- oklch(0.773 0.086 81.4)
- OKLab
- oklab(0.773 0.013 0.085)
- CIE Lab
- lab(73.8 6.63 34.86)
- LCH
- lch(73.8 35.48 79.2)
- CMYK
- cmyk(0% 16% 44% 18%)
Tinte · Ombre · Toni
Tinte
- D6B883
- DAC091
- DFC89F
- E4CFAD
- E8D7BA
- EDDFC8
- F1E7D6
- F6EFE3
- FAF7F1
Ombre
- B59965
- 9B8255
- 816C46
- 685637
- 504229
- 392E1C
- 231C0F
- 100B05
- 020101
Toni
- C9AB77
- C0A679
- B8A27A
- B09D7B
- A8987D
- A0937E
- 988E7E
- 908A7F
- 888580
Armonie di colore
Complementare +180°
- D1B075
Gold Digger
- 97B6EC
≈ Adrift on the Nile
Analogo -30° +30°
- D1B075
Gold Digger
- E2A683
≈ Almost Apricot
- B7BB7A
≈ Lime Lollipop
Triadico +120° +240°
- D1B075
Gold Digger
- 6DC6CC
≈ Paradise Sky
- CFA3D6
≈ Favourite Lavender
Complementare divisa +150° +210°
- D1B075
Gold Digger
- 7ABFE2
≈ Bright Spark
- B5ACE8
≈ Maximum Blue Purple
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.06:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.17:1 · APCA Lc 62
Miglior colore del testo: #000000
WCAG 10.17:1 (AAA) · APCA Lc 62
Contrast pairs
Frammenti di codice
CSS
:root {
--gold-digger: #d1b075;
--gold-digger-rgb: 209 176 117;
--gold-digger-oklch: oklch(0.773 0.086 81.4);
}
.element {
color: var(--gold-digger);
background-color: hsl(38 50% 64%);
border-color: oklch(0.773 0.086 81.4);
}Tailwind CSS v4
@theme {
--color-gold-digger: #d1b075;
--color-gold-digger-50: #fff4da;
--color-gold-digger-100: #f6e6c8;
--color-gold-digger-200: #e6d2ab;
--color-gold-digger-300: #cdb485;
--color-gold-digger-400: #b89a63;
--color-gold-digger-500: #a3803e;
--color-gold-digger-600: #8a6d36;
--color-gold-digger-700: #6e572b;
--color-gold-digger-800: #523f1d;
--color-gold-digger-900: #392b13;
--color-gold-digger-950: #241805;
}SCSS
$gold-digger: #d1b075;
$gold-digger-rgb: 209, 176, 117;
$gold-digger-light: mix(#fff, $gold-digger, 20%);
$gold-digger-dark: mix(#000, $gold-digger, 20%);
.element {
color: $gold-digger;
box-shadow: 0 0 0 2px rgba($gold-digger, 0.35);
}