Màu có tên gần nhất · #D6AE73
#D6AE73
Màu có tên gần nhất: Gold Digger
#D6AE73 (rgb(214 174 115), hsl(36 55% 65%), oklch(0.774 0.089 76.5)) gần nhất với màu có tên Gold Digger. 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.
#D6AE73
oklch(0.774 0.089 76.5)
Chuyển đổi màu
- HEX
- #d6ae73
- RGB
- rgb(214 174 115)
- HSL
- hsl(36 55% 65%)
- HWB
- hwb(36 45% 16%)
- OKLCH
- oklch(0.774 0.089 76.5)
- OKLab
- oklab(0.774 0.021 0.087)
- CIE Lab
- lab(73.77 9.54 35.98)
- LCH
- lch(73.77 37.23 75.1)
- CMYK
- cmyk(0% 19% 46% 16%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DAB681
- DEBE90
- E3C69E
- E7CEAC
- EBD6B9
- EFDFC7
- F3E7D5
- F7EFE3
- FBF7F1
Sắc đậm
- BA9763
- 9E8054
- 846A45
- 6A5536
- 524128
- 3B2E1B
- 251C0F
- 100B05
- 020101
Sắc xám
- CDA975
- C4A577
- BCA079
- B39C7A
- AA977C
- A2937D
- 998E7E
- 91897F
- 88857F
Hòa sắc
Bổ túc +180°
- D6AE73
Gold Digger
- 90B8EE
≈ Electric Eel
Tương đồng -30° +30°
- D6AE73
Gold Digger
- E5A484
≈ Peach Nougat
- BCB975
≈ Liminal Yellow
Bộ ba +120° +240°
- D6AE73
Gold Digger
- 69C7C8
≈ Chinese Lacquer
- CCA4DC
≈ Spring Wisteria
Bổ túc chia +150° +210°
- D6AE73
Gold Digger
- 73C1E1
≈ Bright Spark
- B0ADEC
≈ Maximum Blue Purple
Bộ bốn +90° +180° +270°
- D6AE73
Gold Digger
- 7BC8A9
≈ Aqua Eden
- 90B8EE
≈ Electric Eel
- E09EC1
≈ Pink Begonia
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.16:1 · APCA Lc 62
Màu chữ tốt nhất: #000000
WCAG 10.16:1 (AAA) · APCA Lc 62
Contrast pairs
Đoạn mã
CSS
:root {
--gold-digger: #d6ae73;
--gold-digger-rgb: 214 174 115;
--gold-digger-oklch: oklch(0.774 0.089 76.5);
}
.element {
color: var(--gold-digger);
background-color: hsl(36 55% 65%);
border-color: oklch(0.774 0.089 76.5);
}Tailwind CSS v4
@theme {
--color-gold-digger: #d6ae73;
--color-gold-digger-50: #fff3d9;
--color-gold-digger-100: #f9e5c7;
--color-gold-digger-200: #e9d0aa;
--color-gold-digger-300: #d1b283;
--color-gold-digger-400: #bd9860;
--color-gold-digger-500: #a87e3b;
--color-gold-digger-600: #8e6b34;
--color-gold-digger-700: #725529;
--color-gold-digger-800: #553e1c;
--color-gold-digger-900: #3b2a12;
--color-gold-digger-950: #251805;
}SCSS
$gold-digger: #d6ae73;
$gold-digger-rgb: 214, 174, 115;
$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);
}