이름 색상 · #9098A1
Thunderstorm
Thunderstorm은(는) #9098A1: rgb(144 152 161), hsl(212 8% 60%), oklch(0.676 0.016 251.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Thunderstorm color name →
#9098A1
oklch(0.676 0.016 251.2)
색상 변환
- HEX
- #9098a1
- RGB
- rgb(144 152 161)
- HSL
- hsl(212 8% 60%)
- HWB
- hwb(212 56% 37%)
- OKLCH
- oklch(0.676 0.016 251.2)
- OKLab
- oklab(0.676 -0.005 -0.015)
- CIE Lab
- lab(62.4 -1.59 -5.78)
- LCH
- lch(62.4 6 254.6)
- CMYK
- cmyk(11% 6% 0% 37%)
틴트 · 셰이드 · 톤
틴트
- 9BA2AA
- A5ACB3
- B0B6BC
- BBC0C6
- C6CACF
- D1D5D8
- DDDFE2
- E8EAEC
- F3F4F5
셰이드
- 7D848B
- 6A7076
- 575C62
- 454A4E
- 34383C
- 24272A
- 151719
- 070809
- 010101
톤
- 8E969E
- 8D939A
- 8B9197
- 8A8E94
- 888C90
- 868A8D
- 85878A
- 838587
- 828283
색 조화
보색 +180°
- 9098A1
Thunderstorm
- 9E968D
≈ Elephant Cub
유사색 -30° +30°
- 9098A1
Thunderstorm
- 8D9A9E
≈ Grey Flannel
- 9596A1
≈ Time Warp
삼각 배색 +120° +240°
- 9098A1
Thunderstorm
- A19394
≈ Auger Shell
- 93998F
≈ Pond Leaves
분열 보색 +150° +210°
- 9098A1
Thunderstorm
- A09490
≈ Tavern Taupe
- 99988C
≈ Worlds Away
사각 배색 +90° +180° +270°
- 9098A1
Thunderstorm
- 9F939A
≈ Lavender Elan
- 9E968D
≈ Elephant Cub
- 8F9A94
≈ Tranquillity
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.91:1 · APCA Lc 56
Ag
AAA검은색 위
WCAG 7.19:1 · APCA Lc 46
가장 좋은 글자색: #000000
WCAG 7.19:1 (AAA) · APCA Lc 46
Contrast pairs
코드 스니펫
CSS
:root {
--thunderstorm: #9098a1;
--thunderstorm-rgb: 144 152 161;
--thunderstorm-oklch: oklch(0.676 0.016 251.2);
}
.element {
color: var(--thunderstorm);
background-color: hsl(212 8% 60%);
border-color: oklch(0.676 0.016 251.2);
}Tailwind CSS v4
@theme {
--color-thunderstorm: #9098a1;
--color-thunderstorm-50: #f2f5fa;
--color-thunderstorm-100: #e4e8ed;
--color-thunderstorm-200: #cfd5db;
--color-thunderstorm-300: #b2b8c0;
--color-thunderstorm-400: #989fa8;
--color-thunderstorm-500: #7f8791;
--color-thunderstorm-600: #6b727a;
--color-thunderstorm-700: #565b62;
--color-thunderstorm-800: #3e4348;
--color-thunderstorm-900: #2b2e32;
--color-thunderstorm-950: #181b1e;
}SCSS
$thunderstorm: #9098a1;
$thunderstorm-rgb: 144, 152, 161;
$thunderstorm-light: mix(#fff, $thunderstorm, 20%);
$thunderstorm-dark: mix(#000, $thunderstorm, 20%);
.element {
color: $thunderstorm;
box-shadow: 0 0 0 2px rgba($thunderstorm, 0.35);
}