Colore con nome · #535266
Inky Storm
Inky Storm è #535266: rgb(83 82 102), hsl(243 11% 36%), oklch(0.447 0.033 287.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Inky Storm color name →
#535266
oklch(0.447 0.033 287.3)
Conversioni di colore
- HEX
- #535266
- RGB
- rgb(83 82 102)
- HSL
- hsl(243 11% 36%)
- HWB
- hwb(243 32% 60%)
- OKLCH
- oklch(0.447 0.033 287.3)
- OKLab
- oklab(0.447 0.01 -0.031)
- CIE Lab
- lab(35.55 3.93 -11.48)
- LCH
- lch(35.55 12.13 288.9)
- CMYK
- cmyk(19% 20% 0% 60%)
Tinte · Ombre · Toni
Tinte
- 626274
- 727283
- 838291
- 9493A0
- A5A4B0
- B6B6BF
- C8C8CF
- DADADF
- ECECEF
Ombre
- 474658
- 3B3B4A
- 302F3C
- 25252F
- 1B1A23
- 111117
- 08080C
- 020204
- 000000
Toni
- 575669
- 5C5B6B
- 60606E
- 656471
- 696973
- 6E6D76
- 727278
- 77777B
- 7B7B7D
Armonie di colore
Complementare +180°
- 535266
Inky Storm
- 565641
≈ Second Nature
Analogo -30° +30°
- 535266
Inky Storm
- 495567
≈ Property
- 5C4F61
≈ Napa Grape
Triadico +120° +240°
- 535266
Inky Storm
- 644F45
≈ Connaisseur
- 435B51
≈ Woodlawn Green
Complementare divisa +150° +210°
- 535266
Inky Storm
- 5F5240
≈ Walnut Hull
- 4C5947
≈ Green Mile
Tetradico +90° +180° +270°
- 535266
Inky Storm
- 654D4E
≈ Robeson Rose
- 565641
≈ Second Nature
- 3F5A5B
≈ Otter Creek
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.59:1 · APCA Lc 86
Ag
FailSu nero
WCAG 2.76:1 · APCA Lc 16
Miglior colore del testo: #FFFFFF
WCAG 7.59:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--inky-storm: #535266;
--inky-storm-rgb: 83 82 102;
--inky-storm-oklch: oklch(0.447 0.033 287.3);
}
.element {
color: var(--inky-storm);
background-color: hsl(243 11% 36%);
border-color: oklch(0.447 0.033 287.3);
}Tailwind CSS v4
@theme {
--color-inky-storm: #535266;
--color-inky-storm-50: #f4f4fe;
--color-inky-storm-100: #e7e6f2;
--color-inky-storm-200: #d3d2e2;
--color-inky-storm-300: #b6b5c7;
--color-inky-storm-400: #9d9cb1;
--color-inky-storm-500: #84839b;
--color-inky-storm-600: #706f83;
--color-inky-storm-700: #5a5969;
--color-inky-storm-800: #41414d;
--color-inky-storm-900: #2d2d36;
--color-inky-storm-950: #1a1a21;
}SCSS
$inky-storm: #535266;
$inky-storm-rgb: 83, 82, 102;
$inky-storm-light: mix(#fff, $inky-storm, 20%);
$inky-storm-dark: mix(#000, $inky-storm, 20%);
.element {
color: $inky-storm;
box-shadow: 0 0 0 2px rgba($inky-storm, 0.35);
}