Benannte Farbe · #819094
Dark Storm Cloud
Dark Storm Cloud ist #819094: rgb(129 144 148), hsl(193 8% 54%), oklch(0.643 0.018 215.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Dark Storm Cloud color name →
#819094
oklch(0.643 0.018 215.5)
Farbumrechnungen
- HEX
- #819094
- RGB
- rgb(129 144 148)
- HSL
- hsl(193 8% 54%)
- HWB
- hwb(193 51% 42%)
- OKLCH
- oklch(0.643 0.018 215.5)
- OKLab
- oklab(0.643 -0.015 -0.011)
- CIE Lab
- lab(58.67 -4.95 -4.07)
- LCH
- lch(58.67 6.41 219.4)
- CMYK
- cmyk(13% 3% 0% 42%)
Tints · Shades · Tones
Tints
- 8D9B9E
- 99A5A9
- A5B0B3
- B2BBBE
- BEC6C8
- CBD1D3
- D8DDDE
- E5E8E9
- F2F3F4
Shades
- 6F7D80
- 5E6A6D
- 4E575A
- 3E4548
- 2E3436
- 1F2426
- 121516
- 060708
- 010101
Tones
- 818E92
- 818D90
- 818B8E
- 818A8C
- 81888A
- 818688
- 808586
- 808384
- 808282
Farbharmonien
Komplementär +180°
- 819094
Dark Storm Cloud
- 988985
≈ Warm Grey
Analog -30° +30°
- 819094
Dark Storm Cloud
- 81918E
≈ Scarborough
- 848E98
≈ Common Feldspar
Triadisch +120° +240°
- 819094
Dark Storm Cloud
- 948991
≈ Cinema Screen
- 908D81
≈ Old Soul
Geteilt komplementär +150° +210°
- 819094
Dark Storm Cloud
- 97898B
≈ Rising Ash
- 958B82
≈ Vintage Khaki
Tetradisch +90° +180° +270°
- 819094
Dark Storm Cloud
- 8F8A96
≈ Smokey Lilac
- 988985
≈ Warm Grey
- 8A8F83
≈ Peaceful Glade
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.30:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.35:1 · APCA Lc 41
Beste Textfarbe: #000000
WCAG 6.35:1 (AA) · APCA Lc 41
Contrast pairs
Code-Snippets
CSS
:root {
--dark-storm-cloud: #819094;
--dark-storm-cloud-rgb: 129 144 148;
--dark-storm-cloud-oklch: oklch(0.643 0.018 215.5);
}
.element {
color: var(--dark-storm-cloud);
background-color: hsl(193 8% 54%);
border-color: oklch(0.643 0.018 215.5);
}Tailwind CSS v4
@theme {
--color-dark-storm-cloud: #819094;
--color-dark-storm-cloud-50: #f0f6f9;
--color-dark-storm-cloud-100: #e1e9ec;
--color-dark-storm-cloud-200: #ccd6d9;
--color-dark-storm-cloud-300: #aebabe;
--color-dark-storm-cloud-400: #93a1a5;
--color-dark-storm-cloud-500: #79898e;
--color-dark-storm-cloud-600: #677478;
--color-dark-storm-cloud-700: #525d60;
--color-dark-storm-cloud-800: #3b4446;
--color-dark-storm-cloud-900: #292f31;
--color-dark-storm-cloud-950: #171c1d;
}SCSS
$dark-storm-cloud: #819094;
$dark-storm-cloud-rgb: 129, 144, 148;
$dark-storm-cloud-light: mix(#fff, $dark-storm-cloud, 20%);
$dark-storm-cloud-dark: mix(#000, $dark-storm-cloud, 20%);
.element {
color: $dark-storm-cloud;
box-shadow: 0 0 0 2px rgba($dark-storm-cloud, 0.35);
}