Adlandırılmış renk · #8599A8
Silver Storm
Silver Storm, #8599A8: rgb(133 153 168), hsl(206 17% 59%), oklch(0.672 0.032 240.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Silver Storm color name →
#8599A8
oklch(0.672 0.032 240.4)
Renk dönüşümleri
- HEX
- #8599a8
- RGB
- rgb(133 153 168)
- HSL
- hsl(206 17% 59%)
- HWB
- hwb(206 52% 34%)
- OKLCH
- oklch(0.672 0.032 240.4)
- OKLab
- oklab(0.672 -0.016 -0.028)
- CIE Lab
- lab(62.02 -4.82 -10.38)
- LCH
- lch(62.02 11.45 245.1)
- CMYK
- cmyk(21% 9% 0% 34%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 91A3B0
- 9CADB9
- A8B7C2
- B4C1CA
- C0CBD3
- CDD5DC
- D9DFE4
- E6EAED
- F2F4F6
Koyu tonlar
- 738492
- 61707C
- 505D67
- 404A52
- 30383F
- 21272C
- 13171A
- 06080A
- 010101
Gri tonlar
- 8596A4
- 8494A0
- 84919C
- 838F98
- 838C94
- 828A90
- 82878C
- 818588
- 818284
Renk uyumları
Tamamlayıcı +180°
- 8599A8
Silver Storm
- A59283
≈ Rapid Rock
Analog -30° +30°
- 8599A8
Silver Storm
- 809CA1
≈ Grand Boulevard
- 8E95AA
≈ Silverfish
Üçlü +120° +240°
- 8599A8
Silver Storm
- A88E95
≈ Gothic Amethyst
- 939984
≈ Gundaroo Green
Bölünmüş tamamlayıcı +150° +210°
- 8599A8
Silver Storm
- A98F8A
≈ Ash Hollow
- 9D9680
≈ Union Springs
Dörtlü +90° +180° +270°
- 8599A8
Silver Storm
- A28F9F
≈ Cut Heather
- A59283
≈ Rapid Rock
- 899C8C
≈ Birch Forest
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.94:1 · APCA Lc 56
Ag
AAASiyah üzerinde
WCAG 7.11:1 · APCA Lc 46
En iyi metin rengi: #000000
WCAG 7.11:1 (AAA) · APCA Lc 46
Contrast pairs
Kod parçacıkları
CSS
:root {
--silver-storm: #8599a8;
--silver-storm-rgb: 133 153 168;
--silver-storm-oklch: oklch(0.672 0.032 240.4);
}
.element {
color: var(--silver-storm);
background-color: hsl(206 17% 59%);
border-color: oklch(0.672 0.032 240.4);
}Tailwind CSS v4
@theme {
--color-silver-storm: #8599a8;
--color-silver-storm-50: #eef6fe;
--color-silver-storm-100: #dfe9f2;
--color-silver-storm-200: #c9d6e1;
--color-silver-storm-300: #aabac7;
--color-silver-storm-400: #8ea1b0;
--color-silver-storm-500: #74899a;
--color-silver-storm-600: #627482;
--color-silver-storm-700: #4e5d68;
--color-silver-storm-800: #38444c;
--color-silver-storm-900: #272f35;
--color-silver-storm-950: #151c20;
}SCSS
$silver-storm: #8599a8;
$silver-storm-rgb: 133, 153, 168;
$silver-storm-light: mix(#fff, $silver-storm, 20%);
$silver-storm-dark: mix(#000, $silver-storm, 20%);
.element {
color: $silver-storm;
box-shadow: 0 0 0 2px rgba($silver-storm, 0.35);
}