Adlandırılmış renk · #535266
Inky Storm
Inky Storm, #535266: rgb(83 82 102), hsl(243 11% 36%), oklch(0.447 0.033 287.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Inky Storm color name →
#535266
oklch(0.447 0.033 287.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 626274
- 727283
- 838291
- 9493A0
- A5A4B0
- B6B6BF
- C8C8CF
- DADADF
- ECECEF
Koyu tonlar
- 474658
- 3B3B4A
- 302F3C
- 25252F
- 1B1A23
- 111117
- 08080C
- 020204
- 000000
Gri tonlar
- 575669
- 5C5B6B
- 60606E
- 656471
- 696973
- 6E6D76
- 727278
- 77777B
- 7B7B7D
Renk uyumları
Tamamlayıcı +180°
- 535266
Inky Storm
- 565641
≈ Second Nature
Analog -30° +30°
- 535266
Inky Storm
- 495567
≈ Property
- 5C4F61
≈ Napa Grape
Üçlü +120° +240°
- 535266
Inky Storm
- 644F45
≈ Connaisseur
- 435B51
≈ Woodlawn Green
Bölünmüş tamamlayıcı +150° +210°
- 535266
Inky Storm
- 5F5240
≈ Walnut Hull
- 4C5947
≈ Green Mile
Dörtlü +90° +180° +270°
- 535266
Inky Storm
- 654D4E
≈ Robeson Rose
- 565641
≈ Second Nature
- 3F5A5B
≈ Otter Creek
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.59:1 · APCA Lc 86
Ag
FailSiyah üzerinde
WCAG 2.76:1 · APCA Lc 16
En iyi metin rengi: #FFFFFF
WCAG 7.59:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
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);
}