Màu có tên gần nhất · #D4B577
#D4B577
Màu có tên gần nhất: Gold Digger
#D4B577 (rgb(212 181 119), hsl(40 52% 65%), oklch(0.786 0.088 84)) 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.
#D4B577
oklch(0.786 0.088 84)
Chuyển đổi màu
- HEX
- #d4b577
- RGB
- rgb(212 181 119)
- HSL
- hsl(40 52% 65%)
- HWB
- hwb(40 47% 17%)
- OKLCH
- oklch(0.786 0.088 84)
- OKLab
- oklab(0.786 0.009 0.087)
- CIE Lab
- lab(75.38 5.49 35.89)
- LCH
- lch(75.38 36.31 81.3)
- CMYK
- cmyk(0% 15% 44% 17%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D8BC85
- DDC493
- E1CBA1
- E5D3AE
- EADABC
- EEE1C9
- F2E9D7
- F6F0E4
- FBF8F1
Sắc đậm
- B89D67
- 9D8657
- 836F47
- 695938
- 51442A
- 3A301C
- 241D10
- 100C05
- 020201
Sắc xám
- CBB079
- C3AA7A
- BAA57C
- B2A07D
- A99A7E
- A1957F
- 99907F
- 908B80
- 888580
Hòa sắc
Bổ túc +180°
- D4B577
Gold Digger
- 9DB9F2
≈ Truesky Gloxym
Tương đồng -30° +30°
- D4B577
Gold Digger
- E6AA84
≈ Ceramic Glaze
- B8C07E
≈ Everglade Glen
Bộ ba +120° +240°
- D4B577
Gold Digger
- 6FCAD3
≈ Beach Sparkle
- D6A6D9
≈ Favourite Lavender
Bổ túc chia +150° +210°
- D4B577
Gold Digger
- 7FC3E9
≈ Billow
- BCAFED
≈ Purple Sand
Bộ bốn +90° +180° +270°
- D4B577
Gold Digger
- 7ACCB5
≈ Puppeteers
- 9DB9F2
≈ Truesky Gloxym
- E7A2BD
≈ Fussy Pink
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.96:1 · APCA Lc 38
Ag
AAATrên nền đen
WCAG 10.67:1 · APCA Lc 65
Màu chữ tốt nhất: #000000
WCAG 10.67:1 (AAA) · APCA Lc 65
Contrast pairs
Đoạn mã
CSS
:root {
--gold-digger: #d4b577;
--gold-digger-rgb: 212 181 119;
--gold-digger-oklch: oklch(0.786 0.088 84);
}
.element {
color: var(--gold-digger);
background-color: hsl(40 52% 65%);
border-color: oklch(0.786 0.088 84);
}Tailwind CSS v4
@theme {
--color-gold-digger: #d4b577;
--color-gold-digger-50: #fff4d9;
--color-gold-digger-100: #f5e6c7;
--color-gold-digger-200: #e5d2aa;
--color-gold-digger-300: #cbb584;
--color-gold-digger-400: #b79a61;
--color-gold-digger-500: #a2813c;
--color-gold-digger-600: #896d34;
--color-gold-digger-700: #6d5729;
--color-gold-digger-800: #513f1c;
--color-gold-digger-900: #392c12;
--color-gold-digger-950: #231905;
}SCSS
$gold-digger: #d4b577;
$gold-digger-rgb: 212, 181, 119;
$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);
}