Màu có tên · #D1B075
Gold Digger
Gold Digger là #D1B075: rgb(209 176 117), hsl(38 50% 64%), oklch(0.773 0.086 81.4). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Orange mean? → · Gold Digger color name →
#D1B075
oklch(0.773 0.086 81.4)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D6B883
- DAC091
- DFC89F
- E4CFAD
- E8D7BA
- EDDFC8
- F1E7D6
- F6EFE3
- FAF7F1
Sắc đậm
- B59965
- 9B8255
- 816C46
- 685637
- 504229
- 392E1C
- 231C0F
- 100B05
- 020101
Sắc xám
- C9AB77
- C0A679
- B8A27A
- B09D7B
- A8987D
- A0937E
- 988E7E
- 908A7F
- 888580
Hòa sắc
Bổ túc +180°
- D1B075
Gold Digger
- 97B6EC
≈ Adrift on the Nile
Tương đồng -30° +30°
- D1B075
Gold Digger
- E2A683
≈ Almost Apricot
- B7BB7A
≈ Lime Lollipop
Bộ ba +120° +240°
- D1B075
Gold Digger
- 6DC6CC
≈ Paradise Sky
- CFA3D6
≈ Favourite Lavender
Bổ túc chia +150° +210°
- D1B075
Gold Digger
- 7ABFE2
≈ Bright Spark
- B5ACE8
≈ Maximum Blue Purple
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.06:1 · APCA Lc 40
Ag
AAATrên nền đen
WCAG 10.17:1 · APCA Lc 62
Màu chữ tốt nhất: #000000
WCAG 10.17:1 (AAA) · APCA Lc 62
Contrast pairs
Đoạn mã
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);
}