Màu có tên gần nhất · #D8A000
#D8A000
Màu có tên gần nhất: Mustard Musketeers
#D8A000 (rgb(216 160 0), hsl(44 100% 42%), oklch(0.739 0.152 83.3)) gần nhất với màu có tên Mustard Musketeers. 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.
#D8A000
oklch(0.739 0.152 83.3)
Chuyển đổi màu
- HEX
- #d8a000
- RGB
- rgb(216 160 0)
- HSL
- hsl(44 100% 42%)
- HWB
- hwb(44 0% 15%)
- OKLCH
- oklch(0.739 0.152 83.3)
- OKLab
- oklab(0.739 0.018 0.151)
- CIE Lab
- lab(69.81 13.55 72.85)
- LCH
- lch(69.81 74.1 79.5)
- CMYK
- cmyk(0% 26% 100% 15%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DCAA3B
- E0B458
- E4BD70
- E8C786
- ECD09B
- F0DAAF
- F4E3C3
- F8ECD7
- FBF6EB
Sắc đậm
- BC8B00
- A07600
- 856100
- 6B4E00
- 533B00
- 3B2900
- 251900
- 110900
- 020100
Sắc xám
- CF9D2A
- C69A3C
- BD974A
- B49454
- AC915E
- A38E66
- 9A8B6D
- 918774
- 89847A
Hòa sắc
Bổ túc +180°
- D8A000
Mustard Musketeers
- 7EA9FF
≈ Fennel Flower
Tương đồng -30° +30°
- D8A000
Mustard Musketeers
- F38C43
≈ Poppy Glow
- ABB42B
≈ Vintage Chartreuse
Bộ ba +120° +240°
- D8A000
Mustard Musketeers
- 00C1CE
≈ Turquoise Surf
- D887E1
≈ Blush Essence
Bổ túc chia +150° +210°
- D8A000
Mustard Musketeers
- 0BB9FA
≈ Blue Bolt
- AF96FF
≈ Cobalite
Bộ bốn +90° +180° +270°
- D8A000
Mustard Musketeers
- 00C7A2
≈ Jadeite
- 7EA9FF
≈ Fennel Flower
- F27FB2
≈ Erythrosine
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.34:1 · APCA Lc 46
Ag
AAATrên nền đen
WCAG 8.94:1 · APCA Lc 56
Màu chữ tốt nhất: #000000
WCAG 8.94:1 (AAA) · APCA Lc 56
Contrast pairs
Đoạn mã
CSS
:root {
--mustard-musketeers: #d8a000;
--mustard-musketeers-rgb: 216 160 0;
--mustard-musketeers-oklch: oklch(0.739 0.152 83.3);
}
.element {
color: var(--mustard-musketeers);
background-color: hsl(44 100% 42%);
border-color: oklch(0.739 0.152 83.3);
}Tailwind CSS v4
@theme {
--color-mustard-musketeers: #d8a000;
--color-mustard-musketeers-50: #fff3c4;
--color-mustard-musketeers-100: #ffe5ae;
--color-mustard-musketeers-200: #f2d087;
--color-mustard-musketeers-300: #dbb153;
--color-mustard-musketeers-400: #c99500;
--color-mustard-musketeers-500: #b57900;
--color-mustard-musketeers-600: #996700;
--color-mustard-musketeers-700: #7b5200;
--color-mustard-musketeers-800: #5c3b00;
--color-mustard-musketeers-900: #412800;
--color-mustard-musketeers-950: #291600;
}SCSS
$mustard-musketeers: #d8a000;
$mustard-musketeers-rgb: 216, 160, 0;
$mustard-musketeers-light: mix(#fff, $mustard-musketeers, 20%);
$mustard-musketeers-dark: mix(#000, $mustard-musketeers, 20%);
.element {
color: $mustard-musketeers;
box-shadow: 0 0 0 2px rgba($mustard-musketeers, 0.35);
}