Adlandırılmış renk · #4E5A59
Midnight in NY
Midnight in NY, #4E5A59: rgb(78 90 89), hsl(175 7% 33%), oklch(0.457 0.015 190.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Midnight in NY color name →
#4E5A59
oklch(0.457 0.015 190.5)
Renk dönüşümleri
- HEX
- #4e5a59
- RGB
- rgb(78 90 89)
- HSL
- hsl(175 7% 33%)
- HWB
- hwb(175 31% 65%)
- OKLCH
- oklch(0.457 0.015 190.5)
- OKLab
- oklab(0.457 -0.015 -0.003)
- CIE Lab
- lab(37.17 -5.02 -1.09)
- LCH
- lch(37.17 5.14 192.2)
- CMYK
- cmyk(13% 0% 1% 65%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5E6968
- 6E7878
- 7F8887
- 919898
- A2A9A8
- B4B9B9
- C6CACA
- D9DCDB
- ECEDED
Koyu tonlar
- 434D4C
- 384140
- 2D3534
- 232928
- 191E1D
- 0F1313
- 070909
- 020303
- 000000
Gri tonlar
- 535E5D
- 586161
- 5D6564
- 626968
- 676D6C
- 6C7170
- 717474
- 767878
- 7B7C7C
Renk uyumları
Tamamlayıcı +180°
- 4E5A59
Midnight in NY
- 5F5455
≈ Virtuoso
Analog -30° +30°
- 4E5A59
Midnight in NY
- 505A54
≈ Alpine Trail
- 4E595D
≈ Submarine Grey
Üçlü +120° +240°
- 4E5A59
Midnight in NY
- 5A555E
≈ Virtuoso
- 5D564E
≈ Dark LUA Console
Bölünmüş tamamlayıcı +150° +210°
- 4E5A59
Midnight in NY
- 5D545A
≈ Virtuoso
- 5F5551
≈ Timber Brown
Dörtlü +90° +180° +270°
- 4E5A59
Midnight in NY
- 555660
≈ Ball Gown
- 5F5455
≈ Virtuoso
- 59584E
≈ Windgate Hill
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.16:1 · APCA Lc 85
Ag
FailSiyah üzerinde
WCAG 2.93:1 · APCA Lc 17
En iyi metin rengi: #FFFFFF
WCAG 7.16:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--midnight-in-ny: #4e5a59;
--midnight-in-ny-rgb: 78 90 89;
--midnight-in-ny-oklch: oklch(0.457 0.015 190.5);
}
.element {
color: var(--midnight-in-ny);
background-color: hsl(175 7% 33%);
border-color: oklch(0.457 0.015 190.5);
}Tailwind CSS v4
@theme {
--color-midnight-in-ny: #4e5a59;
--color-midnight-in-ny-50: #f0f7f6;
--color-midnight-in-ny-100: #e2e9e9;
--color-midnight-in-ny-200: #cdd6d6;
--color-midnight-in-ny-300: #afbab9;
--color-midnight-in-ny-400: #95a1a0;
--color-midnight-in-ny-500: #7b8a88;
--color-midnight-in-ny-600: #697473;
--color-midnight-in-ny-700: #535d5c;
--color-midnight-in-ny-800: #3d4443;
--color-midnight-in-ny-900: #2a2f2e;
--color-midnight-in-ny-950: #171c1b;
}SCSS
$midnight-in-ny: #4e5a59;
$midnight-in-ny-rgb: 78, 90, 89;
$midnight-in-ny-light: mix(#fff, $midnight-in-ny, 20%);
$midnight-in-ny-dark: mix(#000, $midnight-in-ny, 20%);
.element {
color: $midnight-in-ny;
box-shadow: 0 0 0 2px rgba($midnight-in-ny, 0.35);
}