Màu có tên gần nhất · #A39A00
#A39A00
Màu có tên gần nhất: Lucky
#A39A00 (rgb(163 154 0), hsl(57 100% 32%), oklch(0.672 0.143 105.5)) gần nhất với màu có tên Lucky. 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.
#A39A00
oklch(0.672 0.143 105.5)
Chuyển đổi màu
- HEX
- #a39a00
- RGB
- rgb(163 154 0)
- HSL
- hsl(57 100% 32%)
- HWB
- hwb(57 0% 36%)
- OKLCH
- oklch(0.672 0.143 105.5)
- OKLab
- oklab(0.672 -0.038 0.138)
- CIE Lab
- lab(62.77 -6.81 65.1)
- LCH
- lch(62.77 65.45 96)
- CMYK
- cmyk(0% 6% 100% 36%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- ACA436
- B4AE53
- BDB86B
- C6C381
- CFCD96
- D9D7AC
- E2E1C0
- ECEBD5
- F5F5EA
Sắc đậm
- 8D8500
- 787100
- 635E00
- 4F4B00
- 3C3900
- 2A2700
- 191700
- 0A0900
- 010100
Sắc xám
- 9F9826
- 9C9538
- 989345
- 949050
- 918E5A
- 8D8B63
- 8A896B
- 878672
- 838379
Hòa sắc
Bổ túc +180°
- A39A00
Lucky
- 8F87E9
≈ Perrywinkle
Tương đồng -30° +30°
- A39A00
Lucky
- C78700
≈ Auric
- 6DA94A
≈ Fern Flash
Bộ ba +120° +240°
- A39A00
Lucky
- 00A5D1
≈ Charybdis
- D36FA9
≈ Sky Magenta
Bổ túc chia +150° +210°
Bộ bốn +90° +180° +270°
- A39A00
Lucky
- 00ABAC
≈ Fiji
- 8F87E9
≈ Perrywinkle
- E06D78
≈ Froly
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.92:1 · APCA Lc 55
Ag
AAATrên nền đen
WCAG 7.17:1 · APCA Lc 46
Màu chữ tốt nhất: #000000
WCAG 7.17:1 (AAA) · APCA Lc 46
Contrast pairs
Đoạn mã
CSS
:root {
--lucky: #a39a00;
--lucky-rgb: 163 154 0;
--lucky-oklch: oklch(0.672 0.143 105.5);
}
.element {
color: var(--lucky);
background-color: hsl(57 100% 32%);
border-color: oklch(0.672 0.143 105.5);
}Tailwind CSS v4
@theme {
--color-lucky: #a39a00;
--color-lucky-50: #f9f9ca;
--color-lucky-100: #ececb5;
--color-lucky-200: #dad991;
--color-lucky-300: #bfbd61;
--color-lucky-400: #aba329;
--color-lucky-500: #958a00;
--color-lucky-600: #7e7500;
--color-lucky-700: #655d00;
--color-lucky-800: #4c4400;
--color-lucky-900: #342f00;
--color-lucky-950: #201b00;
}SCSS
$lucky: #a39a00;
$lucky-rgb: 163, 154, 0;
$lucky-light: mix(#fff, $lucky, 20%);
$lucky-dark: mix(#000, $lucky, 20%);
.element {
color: $lucky;
box-shadow: 0 0 0 2px rgba($lucky, 0.35);
}