Colore con nome · #465560
Night View
Night View è #465560: rgb(70 85 96), hsl(205 16% 33%), oklch(0.441 0.026 240). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Night View color name →
#465560
oklch(0.441 0.026 240)
Conversioni di colore
- HEX
- #465560
- RGB
- rgb(70 85 96)
- HSL
- hsl(205 16% 33%)
- HWB
- hwb(205 27% 62%)
- OKLCH
- oklch(0.441 0.026 240)
- OKLab
- oklab(0.441 -0.013 -0.023)
- CIE Lab
- lab(35.17 -3.93 -8.45)
- LCH
- lch(35.17 9.32 245.1)
- CMYK
- cmyk(27% 11% 0% 62%)
Tinte · Ombre · Toni
Tinte
- 57646F
- 68747E
- 79858D
- 8B959C
- 9EA6AC
- B0B7BC
- C4C9CD
- D7DBDD
- EBEDEE
Ombre
- 3C4952
- 323D45
- 283138
- 1E262C
- 151C20
- 0D1115
- 05080A
- 020203
- 000000
Toni
- 4C5963
- 515D66
- 57626A
- 5D666D
- 636A70
- 686F73
- 6E7376
- 74777A
- 7A7C7D
Armonie di colore
Complementare +180°
- 465560
Night View
- 5E5044
≈ Dried Leaf
Analogo -30° +30°
- 465560
Night View
- 42575B
≈ Sabionando Grey
- 4D5262
≈ Mystical Shade
Triadico +120° +240°
- 465560
Night View
- 604D52
≈ Sweet Currant
- 515545
≈ Freshwater Marsh
Complementare divisa +150° +210°
- 465560
Night View
- 604E4A
≈ Lynx
- 585242
≈ Muddled Basil
Tetradico +90° +180° +270°
- 465560
Night View
- 5B4E5A
≈ Purple Fury
- 5E5044
≈ Dried Leaf
- 49574B
≈ Deep Evergreen
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.69:1 · APCA Lc 87
Ag
FailSu nero
WCAG 2.72:1 · APCA Lc 15
Miglior colore del testo: #FFFFFF
WCAG 7.69:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--night-view: #465560;
--night-view-rgb: 70 85 96;
--night-view-oklch: oklch(0.441 0.026 240);
}
.element {
color: var(--night-view);
background-color: hsl(205 16% 33%);
border-color: oklch(0.441 0.026 240);
}Tailwind CSS v4
@theme {
--color-night-view: #465560;
--color-night-view-50: #eff6fc;
--color-night-view-100: #e1e9f0;
--color-night-view-200: #cbd6df;
--color-night-view-300: #acb9c4;
--color-night-view-400: #91a1ad;
--color-night-view-500: #778996;
--color-night-view-600: #65747f;
--color-night-view-700: #515d66;
--color-night-view-800: #3a444a;
--color-night-view-900: #282f34;
--color-night-view-950: #161b1f;
}SCSS
$night-view: #465560;
$night-view-rgb: 70, 85, 96;
$night-view-light: mix(#fff, $night-view, 20%);
$night-view-dark: mix(#000, $night-view, 20%);
.element {
color: $night-view;
box-shadow: 0 0 0 2px rgba($night-view, 0.35);
}