Benannte Farbe · #938988
Storm Break
Storm Break ist #938988: rgb(147 137 136), hsl(5 5% 55%), oklch(0.639 0.012 24.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Storm Break color name →
#938988
oklch(0.639 0.012 24.4)
Farbumrechnungen
- HEX
- #938988
- RGB
- rgb(147 137 136)
- HSL
- hsl(5 5% 55%)
- HWB
- hwb(5 53% 42%)
- OKLCH
- oklch(0.639 0.012 24.4)
- OKLab
- oklab(0.639 0.011 0.005)
- CIE Lab
- lab(57.96 3.73 1.96)
- LCH
- lch(57.96 4.21 27.6)
- CMYK
- cmyk(0% 7% 7% 42%)
Tints · Shades · Tones
Tints
- 9D9493
- A89F9F
- B2ABAA
- BDB7B6
- C8C2C2
- D3CECE
- DEDADA
- E9E6E6
- F4F3F3
Shades
- 7F7675
- 6C6463
- 595352
- 474241
- 363131
- 252222
- 161413
- 080706
- 010101
Tones
- 918887
- 8F8786
- 8D8686
- 8B8585
- 898584
- 888483
- 868382
- 848282
- 828181
Farbharmonien
Komplementär +180°
- 938988
Storm Break
- 848E8F
≈ Leadbelcher Metal
Analog -30° +30°
- 938988
Storm Break
- 92898C
≈ Zinc
- 928A85
≈ Excelsior
Triadisch +120° +240°
- 938988
Storm Break
- 878E87
≈ Beguile
- 888C93
≈ Nuts and Bolts
Geteilt komplementär +150° +210°
- 938988
Storm Break
- 858E8B
≈ Beguile
- 858D92
≈ Oslo Grey
Tetradisch +90° +180° +270°
- 938988
Storm Break
- 8B8D84
≈ Naturalist Grey
- 848E8F
≈ Leadbelcher Metal
- 8C8A93
≈ Gris Morado
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.40:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 6.17:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 6.17:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--storm-break: #938988;
--storm-break-rgb: 147 137 136;
--storm-break-oklch: oklch(0.639 0.012 24.4);
}
.element {
color: var(--storm-break);
background-color: hsl(5 5% 55%);
border-color: oklch(0.639 0.012 24.4);
}Tailwind CSS v4
@theme {
--color-storm-break: #938988;
--color-storm-break-50: #f9f4f3;
--color-storm-break-100: #ece6e6;
--color-storm-break-200: #d9d2d1;
--color-storm-break-300: #bdb5b4;
--color-storm-break-400: #a69c9b;
--color-storm-break-500: #8e8382;
--color-storm-break-600: #786f6e;
--color-storm-break-700: #605958;
--color-storm-break-800: #464140;
--color-storm-break-900: #312d2c;
--color-storm-break-950: #1d1a19;
}SCSS
$storm-break: #938988;
$storm-break-rgb: 147, 137, 136;
$storm-break-light: mix(#fff, $storm-break, 20%);
$storm-break-dark: mix(#000, $storm-break, 20%);
.element {
color: $storm-break;
box-shadow: 0 0 0 2px rgba($storm-break, 0.35);
}