Benannte Farbe · #9098A1
Thunderstorm
Thunderstorm ist #9098A1: rgb(144 152 161), hsl(212 8% 60%), oklch(0.676 0.016 251.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Thunderstorm color name →
#9098A1
oklch(0.676 0.016 251.2)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 9BA2AA
- A5ACB3
- B0B6BC
- BBC0C6
- C6CACF
- D1D5D8
- DDDFE2
- E8EAEC
- F3F4F5
Shades
- 7D848B
- 6A7076
- 575C62
- 454A4E
- 34383C
- 24272A
- 151719
- 070809
- 010101
Tones
- 8E969E
- 8D939A
- 8B9197
- 8A8E94
- 888C90
- 868A8D
- 85878A
- 838587
- 828283
Farbharmonien
Komplementär +180°
- 9098A1
Thunderstorm
- 9E968D
≈ Elephant Cub
Analog -30° +30°
- 9098A1
Thunderstorm
- 8D9A9E
≈ Grey Flannel
- 9596A1
≈ Time Warp
Triadisch +120° +240°
- 9098A1
Thunderstorm
- A19394
≈ Auger Shell
- 93998F
≈ Pond Leaves
Geteilt komplementär +150° +210°
- 9098A1
Thunderstorm
- A09490
≈ Tavern Taupe
- 99988C
≈ Worlds Away
Tetradisch +90° +180° +270°
- 9098A1
Thunderstorm
- 9F939A
≈ Lavender Elan
- 9E968D
≈ Elephant Cub
- 8F9A94
≈ Tranquillity
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.91:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.19:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.19:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
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);
}