Couleur nommée la plus proche · #D5AE70
#D5AE70
Couleur nommée la plus proche: Gold Digger
#D5AE70 (rgb(213 174 112), hsl(37 55% 64%), oklch(0.772 0.092 78.4)) est la plus proche de la couleur nommée Gold Digger. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#D5AE70
oklch(0.772 0.092 78.4)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- D9B67F
- DEBE8D
- E2C69C
- E6CEAA
- EAD6B8
- EFDFC6
- F3E7D4
- F7EFE3
- FBF7F1
Ombres
- B99760
- 9E8051
- 836A43
- 6A5535
- 514127
- 3A2E1A
- 241C0E
- 100B04
- 020101
Tons
- CCA973
- C4A575
- BBA077
- B29C79
- AA977B
- A1937C
- 998E7D
- 91897E
- 88857F
Harmonies de couleurs
Complémentaire +180°
- D5AE70
Gold Digger
- 91B7F0
≈ Electric Eel
Analogue -30° +30°
- D5AE70
Gold Digger
- E6A381
≈ Peachy Tint
- BABA74
≈ Liminal Yellow
Triadique +120° +240°
- D5AE70
Gold Digger
- 66C7CA
≈ Paradise Sky
- CEA2DB
≈ Spring Wisteria
Complémentaire divisée +150° +210°
- D5AE70
Gold Digger
- 72C1E3
≈ Bff Blue
- B2ACEC
≈ Maximum Blue Purple
Tétradique +90° +180° +270°
- D5AE70
Gold Digger
- 76C8AA
≈ Gem Silica
- 91B7F0
≈ Electric Eel
- E19DBF
≈ Pink Begonia
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.07:1 · APCA Lc 40
Ag
AAASur noir
WCAG 10.11:1 · APCA Lc 62
Meilleure couleur de texte: #000000
WCAG 10.11:1 (AAA) · APCA Lc 62
Contrast pairs
Extraits de code
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);
}