Màu có tên gần nhất · #A8A6B8
#A8A6B8
Màu có tên gần nhất: Nebulous December
#A8A6B8 (rgb(168 166 184), hsl(247 11% 69%), oklch(0.733 0.026 290.9)) gần nhất với màu có tên Nebulous December. 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.
#A8A6B8
oklch(0.733 0.026 290.9)
Chuyển đổi màu
- HEX
- #a8a6b8
- RGB
- rgb(168 166 184)
- HSL
- hsl(247 11% 69%)
- HWB
- hwb(247 65% 28%)
- OKLCH
- oklch(0.733 0.026 290.9)
- OKLab
- oklab(0.733 0.009 -0.024)
- CIE Lab
- lab(68.72 3.39 -9.03)
- LCH
- lch(68.72 9.64 290.6)
- CMYK
- cmyk(9% 10% 0% 28%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B0AFBF
- B9B7C6
- C1C0CD
- CAC9D4
- D3D2DB
- DBDBE2
- E4E4E9
- EDEDF1
- F6F6F8
Sắc đậm
- 9290A0
- 7C7A88
- 676571
- 52515B
- 3F3E45
- 2C2B31
- 1A1A1E
- 0A0A0C
- 010102
Sắc xám
- A4A2B2
- A09EAD
- 9C9AA7
- 9897A1
- 94939C
- 908F96
- 8C8B90
- 88878B
- 848485
Hòa sắc
Bổ túc +180°
- A8A6B8
Nebulous December
- A9AA98
≈ Humble Hippo
Tương đồng -30° +30°
- A8A6B8
Nebulous December
- 9FA9B9
≈ Ridge View
- B0A3B3
≈ Midsummer Twilight
Bộ ba +120° +240°
- A8A6B8
Nebulous December
- B7A49A
≈ Pick of the Litter
- 99AEA6
≈ April Rain
Bổ túc chia +150° +210°
- A8A6B8
Nebulous December
- B1A797
≈ Forgotten Sandstone
- A0AD9E
≈ Green Balsam
Bộ bốn +90° +180° +270°
- A8A6B8
Nebulous December
- B8A2A1
≈ Lilac Smoke
- A9AA98
≈ Humble Hippo
- 96AEAF
≈ Sliding
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.38:1 · APCA Lc 47
Ag
AAATrên nền đen
WCAG 8.81:1 · APCA Lc 55
Màu chữ tốt nhất: #000000
WCAG 8.81:1 (AAA) · APCA Lc 55
Contrast pairs
Đoạn mã
CSS
:root {
--nebulous-december: #a8a6b8;
--nebulous-december-rgb: 168 166 184;
--nebulous-december-oklch: oklch(0.733 0.026 290.9);
}
.element {
color: var(--nebulous-december);
background-color: hsl(247 11% 69%);
border-color: oklch(0.733 0.026 290.9);
}Tailwind CSS v4
@theme {
--color-nebulous-december: #a8a6b8;
--color-nebulous-december-50: #f5f4fc;
--color-nebulous-december-100: #e8e6f0;
--color-nebulous-december-200: #d4d2df;
--color-nebulous-december-300: #b7b5c4;
--color-nebulous-december-400: #9e9cad;
--color-nebulous-december-500: #868496;
--color-nebulous-december-600: #716f7f;
--color-nebulous-december-700: #5a5966;
--color-nebulous-december-800: #42414b;
--color-nebulous-december-900: #2d2d34;
--color-nebulous-december-950: #1a1a1f;
}SCSS
$nebulous-december: #a8a6b8;
$nebulous-december-rgb: 168, 166, 184;
$nebulous-december-light: mix(#fff, $nebulous-december, 20%);
$nebulous-december-dark: mix(#000, $nebulous-december, 20%);
.element {
color: $nebulous-december;
box-shadow: 0 0 0 2px rgba($nebulous-december, 0.35);
}