Adlandırılmış renk · #AFBFBE
Greenwich Village
Greenwich Village, #AFBFBE: rgb(175 191 190), hsl(176 11% 72%), oklch(0.792 0.018 192.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Greenwich Village color name →
#AFBFBE
oklch(0.792 0.018 192.3)
Renk dönüşümleri
- HEX
- #afbfbe
- RGB
- rgb(175 191 190)
- HSL
- hsl(176 11% 72%)
- HWB
- hwb(176 69% 25%)
- OKLCH
- oklch(0.792 0.018 192.3)
- OKLab
- oklab(0.792 -0.017 -0.004)
- CIE Lab
- lab(76.07 -5.84 -1.48)
- LCH
- lch(76.07 6.02 194.2)
- CMYK
- cmyk(8% 0% 1% 25%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B7C5C4
- BFCCCB
- C7D2D1
- CED8D8
- D6DFDE
- DEE5E5
- E7EBEB
- EFF2F2
- F7F8F8
Koyu tonlar
- 98A6A5
- 818D8C
- 6B7575
- 565E5E
- 414848
- 2E3333
- 1C1F1F
- 0B0D0D
- 010202
Gri tonlar
- AAB9B8
- A5B2B1
- A1ACAB
- 9CA5A5
- 979F9E
- 939998
- 8E9292
- 898C8C
- 858686
Renk uyumları
Tamamlayıcı +180°
- AFBFBE
Greenwich Village
- C6B7B8
≈ Studio Mauve
Analog -30° +30°
- AFBFBE
Greenwich Village
- B2BFB8
≈ Grey Embrace
- B0BEC3
≈ Artisan Blue
Üçlü +120° +240°
- AFBFBE
Greenwich Village
- BFB8C4
≈ Pocketful of Posies
- C2BAAF
≈ Luxe Grey
Bölünmüş tamamlayıcı +150° +210°
- AFBFBE
Greenwich Village
- C4B7BE
≈ Lavender Sand
- C6B8B2
≈ Georgian Pink
Dörtlü +90° +180° +270°
- AFBFBE
Greenwich Village
- B9BAC7
≈ Silverado Trail
- C6B7B8
≈ Studio Mauve
- BDBCAF
≈ Soft Sage
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.90:1 · APCA Lc 36
Ag
AAASiyah üzerinde
WCAG 11.01:1 · APCA Lc 66
En iyi metin rengi: #000000
WCAG 11.01:1 (AAA) · APCA Lc 66
Contrast pairs
Kod parçacıkları
CSS
:root {
--greenwich-village: #afbfbe;
--greenwich-village-rgb: 175 191 190;
--greenwich-village-oklch: oklch(0.792 0.018 192.3);
}
.element {
color: var(--greenwich-village);
background-color: hsl(176 11% 72%);
border-color: oklch(0.792 0.018 192.3);
}Tailwind CSS v4
@theme {
--color-greenwich-village: #afbfbe;
--color-greenwich-village-50: #f0f7f6;
--color-greenwich-village-100: #e2eae9;
--color-greenwich-village-200: #ccd7d6;
--color-greenwich-village-300: #aebaba;
--color-greenwich-village-400: #93a2a1;
--color-greenwich-village-500: #798a89;
--color-greenwich-village-600: #677574;
--color-greenwich-village-700: #525d5d;
--color-greenwich-village-800: #3c4444;
--color-greenwich-village-900: #292f2f;
--color-greenwich-village-950: #171c1b;
}SCSS
$greenwich-village: #afbfbe;
$greenwich-village-rgb: 175, 191, 190;
$greenwich-village-light: mix(#fff, $greenwich-village, 20%);
$greenwich-village-dark: mix(#000, $greenwich-village, 20%);
.element {
color: $greenwich-village;
box-shadow: 0 0 0 2px rgba($greenwich-village, 0.35);
}