이름 색상 · #8599A8
Silver Storm
Silver Storm은(는) #8599A8: rgb(133 153 168), hsl(206 17% 59%), oklch(0.672 0.032 240.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Silver Storm color name →
#8599A8
oklch(0.672 0.032 240.4)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 91A3B0
- 9CADB9
- A8B7C2
- B4C1CA
- C0CBD3
- CDD5DC
- D9DFE4
- E6EAED
- F2F4F6
셰이드
- 738492
- 61707C
- 505D67
- 404A52
- 30383F
- 21272C
- 13171A
- 06080A
- 010101
톤
- 8596A4
- 8494A0
- 84919C
- 838F98
- 838C94
- 828A90
- 82878C
- 818588
- 818284
색 조화
보색 +180°
- 8599A8
Silver Storm
- A59283
≈ Rapid Rock
유사색 -30° +30°
- 8599A8
Silver Storm
- 809CA1
≈ Grand Boulevard
- 8E95AA
≈ Silverfish
삼각 배색 +120° +240°
- 8599A8
Silver Storm
- A88E95
≈ Gothic Amethyst
- 939984
≈ Gundaroo Green
분열 보색 +150° +210°
- 8599A8
Silver Storm
- A98F8A
≈ Ash Hollow
- 9D9680
≈ Union Springs
사각 배색 +90° +180° +270°
- 8599A8
Silver Storm
- A28F9F
≈ Cut Heather
- A59283
≈ Rapid Rock
- 899C8C
≈ Birch Forest
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.94:1 · APCA Lc 56
Ag
AAA검은색 위
WCAG 7.11:1 · APCA Lc 46
가장 좋은 글자색: #000000
WCAG 7.11:1 (AAA) · APCA Lc 46
Contrast pairs
코드 스니펫
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);
}