Adlandırılmış renk · #45444D
Night Grey
Night Grey, #45444D: rgb(69 68 77), hsl(247 6% 28%), oklch(0.391 0.015 290.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Night Grey color name →
#45444D
oklch(0.391 0.015 290.8)
Renk dönüşümleri
- HEX
- #45444d
- RGB
- rgb(69 68 77)
- HSL
- hsl(247 6% 28%)
- HWB
- hwb(247 27% 70%)
- OKLCH
- oklch(0.391 0.015 290.8)
- OKLab
- oklab(0.391 0.005 -0.014)
- CIE Lab
- lab(29.2 1.99 -5.28)
- LCH
- lch(29.2 5.64 290.7)
- CMYK
- cmyk(10% 12% 0% 70%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 55555D
- 67666D
- 78777E
- 8A8A90
- 9D9CA1
- B0AFB4
- C3C3C6
- D7D6D9
- EBEBEC
Koyu tonlar
- 3B3A42
- 313037
- 27262C
- 1E1D22
- 151418
- 0C0C0F
- 050507
- 020202
- 000000
Gri tonlar
- 4B4A52
- 504F57
- 56555C
- 5C5B61
- 626166
- 68676B
- 6E6D70
- 747475
- 7A7A7B
Renk uyumları
Tamamlayıcı +180°
- 45444D
Night Grey
- 45463D
≈ Heavy Metal
Analog -30° +30°
- 45444D
Night Grey
- 41464E
≈ Alpine Duck Grey
- 49434A
≈ Violet Black
Üçlü +120° +240°
- 45444D
Night Grey
- 4C433E
≈ Vehicle Body Grey
- 3E4844
≈ Rich Olive
Bölünmüş tamamlayıcı +150° +210°
- 45444D
Night Grey
- 49453C
≈ Whiskey and Wine
- 414740
≈ Black Forest Green
Dörtlü +90° +180° +270°
- 45444D
Night Grey
- 4D4242
≈ Rhodonite Brown
- 45463D
≈ Heavy Metal
- 3C4849
≈ Panda Black
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.60:1 · APCA Lc 92
Ag
FailSiyah üzerinde
WCAG 2.18:1 · APCA Lc 10
En iyi metin rengi: #FFFFFF
WCAG 9.60:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--night-grey: #45444d;
--night-grey-rgb: 69 68 77;
--night-grey-oklch: oklch(0.391 0.015 290.8);
}
.element {
color: var(--night-grey);
background-color: hsl(247 6% 28%);
border-color: oklch(0.391 0.015 290.8);
}Tailwind CSS v4
@theme {
--color-night-grey: #45444d;
--color-night-grey-50: #f5f4f9;
--color-night-grey-100: #e8e7ed;
--color-night-grey-200: #d4d3da;
--color-night-grey-300: #b7b6bf;
--color-night-grey-400: #9e9da7;
--color-night-grey-500: #868590;
--color-night-grey-600: #71707a;
--color-night-grey-700: #5b5a61;
--color-night-grey-800: #424247;
--color-night-grey-900: #2d2d31;
--color-night-grey-950: #1a1a1d;
}SCSS
$night-grey: #45444d;
$night-grey-rgb: 69, 68, 77;
$night-grey-light: mix(#fff, $night-grey, 20%);
$night-grey-dark: mix(#000, $night-grey, 20%);
.element {
color: $night-grey;
box-shadow: 0 0 0 2px rgba($night-grey, 0.35);
}