En yakın adlandırılmış renk · #A8A6B8
#A8A6B8
En yakın adlandırılmış renk: Nebulous December
#A8A6B8 (rgb(168 166 184), hsl(247 11% 69%), oklch(0.733 0.026 290.9)) en çok Nebulous December adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#A8A6B8
oklch(0.733 0.026 290.9)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B0AFBF
- B9B7C6
- C1C0CD
- CAC9D4
- D3D2DB
- DBDBE2
- E4E4E9
- EDEDF1
- F6F6F8
Koyu tonlar
- 9290A0
- 7C7A88
- 676571
- 52515B
- 3F3E45
- 2C2B31
- 1A1A1E
- 0A0A0C
- 010102
Gri tonlar
- A4A2B2
- A09EAD
- 9C9AA7
- 9897A1
- 94939C
- 908F96
- 8C8B90
- 88878B
- 848485
Renk uyumları
Tamamlayıcı +180°
- A8A6B8
Nebulous December
- A9AA98
≈ Humble Hippo
Analog -30° +30°
- A8A6B8
Nebulous December
- 9FA9B9
≈ Ridge View
- B0A3B3
≈ Midsummer Twilight
Üçlü +120° +240°
- A8A6B8
Nebulous December
- B7A49A
≈ Pick of the Litter
- 99AEA6
≈ April Rain
Bölünmüş tamamlayıcı +150° +210°
- A8A6B8
Nebulous December
- B1A797
≈ Forgotten Sandstone
- A0AD9E
≈ Green Balsam
Dörtlü +90° +180° +270°
- A8A6B8
Nebulous December
- B8A2A1
≈ Lilac Smoke
- A9AA98
≈ Humble Hippo
- 96AEAF
≈ Sliding
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.38:1 · APCA Lc 47
Ag
AAASiyah üzerinde
WCAG 8.81:1 · APCA Lc 55
En iyi metin rengi: #000000
WCAG 8.81:1 (AAA) · APCA Lc 55
Contrast pairs
Kod parçacıkları
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);
}