Adlandırılmış renk · #455454
All Nighter
All Nighter, #455454: rgb(69 84 84), hsl(180 10% 30%), oklch(0.433 0.019 196.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? → · All Nighter color name →
#455454
oklch(0.433 0.019 196.5)
Renk dönüşümleri
- HEX
- #455454
- RGB
- rgb(69 84 84)
- HSL
- hsl(180 10% 30%)
- HWB
- hwb(180 27% 67%)
- OKLCH
- oklch(0.433 0.019 196.5)
- OKLab
- oklab(0.433 -0.018 -0.005)
- CIE Lab
- lab(34.43 -6.07 -2.06)
- LCH
- lch(34.43 6.41 198.8)
- CMYK
- cmyk(18% 0% 0% 67%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 566363
- 677373
- 798484
- 8B9494
- 9DA5A5
- B0B7B7
- C3C8C8
- D7DADA
- EBEDED
Koyu tonlar
- 3B4848
- 313C3C
- 273131
- 1E2626
- 151B1B
- 0C1111
- 050808
- 020202
- 000000
Gri tonlar
- 4B5858
- 505D5D
- 566161
- 5C6565
- 626A6A
- 686E6E
- 6E7372
- 747777
- 7A7B7B
Renk uyumları
Tamamlayıcı +180°
- 455454
All Nighter
- 5B4D4D
≈ Piano Brown
Analog -30° +30°
- 455454
All Nighter
- 47544E
≈ Evergreen Field
- 465359
≈ Vermont Slate
Üçlü +120° +240°
- 455454
All Nighter
- 554E58
≈ Mulled Wine
- 574F45
≈ Jungle Cover
Bölünmüş tamamlayıcı +150° +210°
- 455454
All Nighter
- 594D53
≈ Purple Empire
- 5A4E48
≈ Charred Hickory
Dörtlü +90° +180° +270°
- 455454
All Nighter
- 4F4F5B
≈ Salvation
- 5B4D4D
≈ Piano Brown
- 525146
≈ Shade-Grown
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.92:1 · APCA Lc 88
Ag
FailSiyah üzerinde
WCAG 2.64:1 · APCA Lc 15
En iyi metin rengi: #FFFFFF
WCAG 7.92:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--all-nighter: #455454;
--all-nighter-rgb: 69 84 84;
--all-nighter-oklch: oklch(0.433 0.019 196.5);
}
.element {
color: var(--all-nighter);
background-color: hsl(180 10% 30%);
border-color: oklch(0.433 0.019 196.5);
}Tailwind CSS v4
@theme {
--color-all-nighter: #455454;
--color-all-nighter-50: #eff7f7;
--color-all-nighter-100: #e1eaea;
--color-all-nighter-200: #ccd7d7;
--color-all-nighter-300: #adbabb;
--color-all-nighter-400: #92a2a2;
--color-all-nighter-500: #788a8a;
--color-all-nighter-600: #667575;
--color-all-nighter-700: #515e5e;
--color-all-nighter-800: #3b4444;
--color-all-nighter-900: #292f2f;
--color-all-nighter-950: #161c1c;
}SCSS
$all-nighter: #455454;
$all-nighter-rgb: 69, 84, 84;
$all-nighter-light: mix(#fff, $all-nighter, 20%);
$all-nighter-dark: mix(#000, $all-nighter, 20%);
.element {
color: $all-nighter;
box-shadow: 0 0 0 2px rgba($all-nighter, 0.35);
}