Adlandırılmış renk · #A6A096
Cloudy Today
Cloudy Today, #A6A096: rgb(166 160 150), hsl(37 8% 62%), oklch(0.708 0.016 80.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Cloudy Today color name →
#A6A096
oklch(0.708 0.016 80.7)
Renk dönüşümleri
- HEX
- #a6a096
- RGB
- rgb(166 160 150)
- HSL
- hsl(37 8% 62%)
- HWB
- hwb(37 59% 35%)
- OKLCH
- oklch(0.708 0.016 80.7)
- OKLab
- oklab(0.708 0.003 0.016)
- CIE Lab
- lab(66.16 0.91 6.05)
- LCH
- lch(66.16 6.12 81.4)
- CMYK
- cmyk(0% 4% 10% 35%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AFA9A0
- B7B2AA
- C0BCB4
- C9C5BF
- D2CEC9
- DBD8D4
- E4E2DE
- EDEBE9
- F6F5F4
Koyu tonlar
- 908B82
- 7A766E
- 65615B
- 514E49
- 3E3B37
- 2B2926
- 1A1916
- 0A0908
- 010101
Gri tonlar
- A29D94
- 9E9A92
- 9A968F
- 97938D
- 93908B
- 8F8D89
- 8B8987
- 878684
- 848382
Renk uyumları
Tamamlayıcı +180°
- A6A096
Cloudy Today
- 9BA1AB
≈ Rough Stone
Analog -30° +30°
- A6A096
Cloudy Today
- A99E98
≈ Winter Nap
- A1A297
≈ Grey Expose
Üçlü +120° +240°
- A6A096
Cloudy Today
- 96A4A5
≈ Dusty Sky
- A69EA7
≈ Silver Sconce
Bölünmüş tamamlayıcı +150° +210°
- A6A096
Cloudy Today
- 97A3A9
≈ Dusty Sky
- A09FAA
≈ Amethyst Haze
Dörtlü +90° +180° +270°
- A6A096
Cloudy Today
- 98A49F
≈ Farmers Green
- 9BA1AB
≈ Rough Stone
- A99DA2
≈ Nobel
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.59:1 · APCA Lc 51
Ag
AAASiyah üzerinde
WCAG 8.09:1 · APCA Lc 51
En iyi metin rengi: #000000
WCAG 8.09:1 (AAA) · APCA Lc 51
Contrast pairs
Kod parçacıkları
CSS
:root {
--cloudy-today: #a6a096;
--cloudy-today-rgb: 166 160 150;
--cloudy-today-oklch: oklch(0.708 0.016 80.7);
}
.element {
color: var(--cloudy-today);
background-color: hsl(37 8% 62%);
border-color: oklch(0.708 0.016 80.7);
}Tailwind CSS v4
@theme {
--color-cloudy-today: #a6a096;
--color-cloudy-today-50: #f7f5f0;
--color-cloudy-today-100: #eae7e2;
--color-cloudy-today-200: #d7d4cd;
--color-cloudy-today-300: #bbb7ae;
--color-cloudy-today-400: #a39e94;
--color-cloudy-today-500: #8c857b;
--color-cloudy-today-600: #767168;
--color-cloudy-today-700: #5f5a53;
--color-cloudy-today-800: #45423c;
--color-cloudy-today-900: #302d29;
--color-cloudy-today-950: #1c1a17;
}SCSS
$cloudy-today: #a6a096;
$cloudy-today-rgb: 166, 160, 150;
$cloudy-today-light: mix(#fff, $cloudy-today, 20%);
$cloudy-today-dark: mix(#000, $cloudy-today, 20%);
.element {
color: $cloudy-today;
box-shadow: 0 0 0 2px rgba($cloudy-today, 0.35);
}