Colore con nome · #7E8590
Smoky Studio
Smoky Studio è #7E8590: rgb(126 133 144), hsl(217 7% 53%), oklch(0.615 0.019 259.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Smoky Studio color name →
#7E8590
oklch(0.615 0.019 259.4)
Conversioni di colore
- HEX
- #7e8590
- RGB
- rgb(126 133 144)
- HSL
- hsl(217 7% 53%)
- HWB
- hwb(217 49% 44%)
- OKLCH
- oklch(0.615 0.019 259.4)
- OKLab
- oklab(0.615 -0.003 -0.018)
- CIE Lab
- lab(55.22 -0.91 -6.86)
- LCH
- lch(55.22 6.92 262.4)
- CMYK
- cmyk(12% 8% 0% 44%)
Tinte · Ombre · Toni
Tinte
- 8A919B
- 969CA5
- A3A8B0
- B0B4BB
- BCC0C6
- C9CDD1
- D7D9DD
- E4E5E8
- F1F2F3
Ombre
- 6D737D
- 5C616A
- 4C5057
- 3C4045
- 2D3034
- 1F2124
- 111315
- 050607
- 010101
Toni
- 7E858E
- 7E848D
- 7F848B
- 7F838A
- 7F8388
- 7F8286
- 7F8285
- 808183
- 808182
Armonie di colore
Complementare +180°
- 7E8590
Smoky Studio
- 8B8378
≈ Schooner
Analogo -30° +30°
- 7E8590
Smoky Studio
- 7A878E
≈ Deep Channel
- 84838F
≈ In the Twilight
Triadico +120° +240°
- 7E8590
Smoky Studio
- 8F8080
≈ California Dreamin’
- 7F877D
≈ Wild Sage
Complementare divisa +150° +210°
- 7E8590
Smoky Studio
- 8E827B
≈ Roanoke Taupe
- 858679
≈ Mountain Road
Tetradico +90° +180° +270°
- 7E8590
Smoky Studio
- 8E8086
≈ Mighty Mauve
- 8B8378
≈ Schooner
- 7A8883
≈ Juniper Ash
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.72:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.64:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.64:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--smoky-studio: #7e8590;
--smoky-studio-rgb: 126 133 144;
--smoky-studio-oklch: oklch(0.615 0.019 259.4);
}
.element {
color: var(--smoky-studio);
background-color: hsl(217 7% 53%);
border-color: oklch(0.615 0.019 259.4);
}Tailwind CSS v4
@theme {
--color-smoky-studio: #7e8590;
--color-smoky-studio-50: #f2f5fb;
--color-smoky-studio-100: #e4e8ee;
--color-smoky-studio-200: #d0d4dc;
--color-smoky-studio-300: #b2b8c1;
--color-smoky-studio-400: #989faa;
--color-smoky-studio-500: #7f8793;
--color-smoky-studio-600: #6c727c;
--color-smoky-studio-700: #565b63;
--color-smoky-studio-800: #3e4349;
--color-smoky-studio-900: #2b2e33;
--color-smoky-studio-950: #181b1e;
}SCSS
$smoky-studio: #7e8590;
$smoky-studio-rgb: 126, 133, 144;
$smoky-studio-light: mix(#fff, $smoky-studio, 20%);
$smoky-studio-dark: mix(#000, $smoky-studio, 20%);
.element {
color: $smoky-studio;
box-shadow: 0 0 0 2px rgba($smoky-studio, 0.35);
}