Colore con nome più vicino · #D5AE70
#D5AE70
Colore con nome più vicino: Gold Digger
#D5AE70 (rgb(213 174 112), hsl(37 55% 64%), oklch(0.772 0.092 78.4)) è più vicino al colore con nome Gold Digger. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#D5AE70
oklch(0.772 0.092 78.4)
Conversioni di colore
- HEX
- #d5ae70
- RGB
- rgb(213 174 112)
- HSL
- hsl(37 55% 64%)
- HWB
- hwb(37 44% 16%)
- OKLCH
- oklch(0.772 0.092 78.4)
- OKLab
- oklab(0.772 0.019 0.09)
- CIE Lab
- lab(73.63 8.92 37.33)
- LCH
- lch(73.63 38.38 76.6)
- CMYK
- cmyk(0% 18% 47% 16%)
Tinte · Ombre · Toni
Tinte
- D9B67F
- DEBE8D
- E2C69C
- E6CEAA
- EAD6B8
- EFDFC6
- F3E7D4
- F7EFE3
- FBF7F1
Ombre
- B99760
- 9E8051
- 836A43
- 6A5535
- 514127
- 3A2E1A
- 241C0E
- 100B04
- 020101
Toni
- CCA973
- C4A575
- BBA077
- B29C79
- AA977B
- A1937C
- 998E7D
- 91897E
- 88857F
Armonie di colore
Complementare +180°
- D5AE70
Gold Digger
- 91B7F0
≈ Electric Eel
Analogo -30° +30°
- D5AE70
Gold Digger
- E6A381
≈ Peachy Tint
- BABA74
≈ Liminal Yellow
Triadico +120° +240°
- D5AE70
Gold Digger
- 66C7CA
≈ Paradise Sky
- CEA2DB
≈ Spring Wisteria
Complementare divisa +150° +210°
- D5AE70
Gold Digger
- 72C1E3
≈ Bff Blue
- B2ACEC
≈ Maximum Blue Purple
Tetradico +90° +180° +270°
- D5AE70
Gold Digger
- 76C8AA
≈ Gem Silica
- 91B7F0
≈ Electric Eel
- E19DBF
≈ Pink Begonia
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.07:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.11:1 · APCA Lc 62
Miglior colore del testo: #000000
WCAG 10.11:1 (AAA) · APCA Lc 62
Contrast pairs
Frammenti di codice
CSS
:root {
--gold-digger: #d5ae70;
--gold-digger-rgb: 213 174 112;
--gold-digger-oklch: oklch(0.772 0.092 78.4);
}
.element {
color: var(--gold-digger);
background-color: hsl(37 55% 64%);
border-color: oklch(0.772 0.092 78.4);
}Tailwind CSS v4
@theme {
--color-gold-digger: #d5ae70;
--color-gold-digger-50: #fff3d8;
--color-gold-digger-100: #f8e5c6;
--color-gold-digger-200: #e9d1a8;
--color-gold-digger-300: #d0b382;
--color-gold-digger-400: #bc985e;
--color-gold-digger-500: #a77e38;
--color-gold-digger-600: #8d6b31;
--color-gold-digger-700: #715527;
--color-gold-digger-800: #543e1a;
--color-gold-digger-900: #3b2a11;
--color-gold-digger-950: #251804;
}SCSS
$gold-digger: #d5ae70;
$gold-digger-rgb: 213, 174, 112;
$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);
}