Colore con nome · #95878E
Cinema Screen
Cinema Screen è #95878E: rgb(149 135 142), hsl(330 6% 56%), oklch(0.638 0.02 345.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Cinema Screen color name →
#95878E
oklch(0.638 0.02 345.9)
Conversioni di colore
- HEX
- #95878e
- RGB
- rgb(149 135 142)
- HSL
- hsl(330 6% 56%)
- HWB
- hwb(330 53% 42%)
- OKLCH
- oklch(0.638 0.02 345.9)
- OKLab
- oklab(0.638 0.019 -0.005)
- CIE Lab
- lab(57.75 6.41 -1.75)
- LCH
- lch(57.75 6.64 344.8)
- CMYK
- cmyk(0% 9% 5% 42%)
Tinte · Ombre · Toni
Tinte
- 9F9299
- A99EA4
- B4AAAF
- BEB5BA
- C9C1C5
- D3CDD0
- DEDADC
- E9E6E7
- F4F2F3
Ombre
- 81757B
- 6D6368
- 5A5156
- 484144
- 373134
- 262124
- 161315
- 080607
- 010101
Toni
- 93868D
- 91868B
- 8F858A
- 8D8488
- 8B8487
- 888386
- 868284
- 848183
- 828181
Armonie di colore
Complementare +180°
- 95878E
Cinema Screen
- 819089
≈ Lily Pad Pond
Analogo -30° +30°
- 95878E
Cinema Screen
- 908894
≈ Smokey Lilac
- 978787
≈ Rising Ash
Triadico +120° +240°
- 95878E
Cinema Screen
- 8D8C7F
≈ Mossy Pavement
- 808E95
≈ Dark Storm Cloud
Complementare divisa +150° +210°
- 95878E
Cinema Screen
- 868E83
≈ Peaceful Glade
- 7E8F8F
≈ Harrow’s Gate
Tetradico +90° +180° +270°
- 95878E
Cinema Screen
- 938A7F
≈ Art District
- 819089
≈ Lily Pad Pond
- 848C98
≈ River Tour
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.42:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.13:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.13:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--cinema-screen: #95878e;
--cinema-screen-rgb: 149 135 142;
--cinema-screen-oklch: oklch(0.638 0.02 345.9);
}
.element {
color: var(--cinema-screen);
background-color: hsl(330 6% 56%);
border-color: oklch(0.638 0.02 345.9);
}Tailwind CSS v4
@theme {
--color-cinema-screen: #95878e;
--color-cinema-screen-50: #faf3f6;
--color-cinema-screen-100: #ede5e9;
--color-cinema-screen-200: #dbd1d6;
--color-cinema-screen-300: #c0b3b9;
--color-cinema-screen-400: #a89aa1;
--color-cinema-screen-500: #908189;
--color-cinema-screen-600: #7a6d74;
--color-cinema-screen-700: #62575d;
--color-cinema-screen-800: #484044;
--color-cinema-screen-900: #322c2f;
--color-cinema-screen-950: #1e191c;
}SCSS
$cinema-screen: #95878e;
$cinema-screen-rgb: 149, 135, 142;
$cinema-screen-light: mix(#fff, $cinema-screen, 20%);
$cinema-screen-dark: mix(#000, $cinema-screen, 20%);
.element {
color: $cinema-screen;
box-shadow: 0 0 0 2px rgba($cinema-screen, 0.35);
}