Benannte Farbe · #70818E
Stormy Oceans
Stormy Oceans ist #70818E: rgb(112 129 142), hsl(206 12% 50%), oklch(0.594 0.028 241). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Stormy Oceans color name →
#70818E
oklch(0.594 0.028 241)
Farbumrechnungen
- HEX
- #70818e
- RGB
- rgb(112 129 142)
- HSL
- hsl(206 12% 50%)
- HWB
- hwb(206 44% 44%)
- OKLCH
- oklch(0.594 0.028 241)
- OKLab
- oklab(0.594 -0.014 -0.025)
- CIE Lab
- lab(52.93 -4.18 -9.24)
- LCH
- lch(52.93 10.14 245.7)
- CMYK
- cmyk(21% 9% 0% 44%)
Tints · Shades · Tones
Tints
- 7D8D99
- 8B99A4
- 99A5AF
- A7B2BA
- B5BEC5
- C4CBD0
- D2D8DC
- E1E5E8
- F0F2F3
Shades
- 606F7B
- 515E68
- 434E56
- 353E44
- 272E34
- 1A1F24
- 0E1215
- 040607
- 010101
Tones
- 72818D
- 73818B
- 75818A
- 778188
- 788187
- 7A8086
- 7B8084
- 7D8083
- 7E8081
Farbharmonien
Komplementär +180°
- 70818E
Stormy Oceans
- 8B7B6E
≈ Road Less-Travelled
Analog -30° +30°
- 70818E
Stormy Oceans
- 6C8388
≈ Puddle Jumper
- 787E90
≈ Seattle Haze
Triadisch +120° +240°
- 70818E
Stormy Oceans
- 8E787D
≈ Purple Rubiate
- 7C816F
≈ Kakadu Trail
Geteilt komplementär +150° +210°
- 70818E
Stormy Oceans
- 8F7974
≈ Venus Deva
- 857E6C
≈ Bare
Tetradisch +90° +180° +270°
- 70818E
Stormy Oceans
- 897986
≈ High Note
- 8B7B6E
≈ Road Less-Travelled
- 738476
≈ Rookwood Blue Green
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.02:1 · APCA Lc 68
Ag
AAAuf Schwarz
WCAG 5.21:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 5.21:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--stormy-oceans: #70818e;
--stormy-oceans-rgb: 112 129 142;
--stormy-oceans-oklch: oklch(0.594 0.028 241);
}
.element {
color: var(--stormy-oceans);
background-color: hsl(206 12% 50%);
border-color: oklch(0.594 0.028 241);
}Tailwind CSS v4
@theme {
--color-stormy-oceans: #70818e;
--color-stormy-oceans-50: #eff6fd;
--color-stormy-oceans-100: #e0e9f1;
--color-stormy-oceans-200: #cad6e0;
--color-stormy-oceans-300: #acb9c5;
--color-stormy-oceans-400: #90a1ae;
--color-stormy-oceans-500: #768997;
--color-stormy-oceans-600: #647480;
--color-stormy-oceans-700: #505d67;
--color-stormy-oceans-800: #3a444b;
--color-stormy-oceans-900: #282f34;
--color-stormy-oceans-950: #161b20;
}SCSS
$stormy-oceans: #70818e;
$stormy-oceans-rgb: 112, 129, 142;
$stormy-oceans-light: mix(#fff, $stormy-oceans, 20%);
$stormy-oceans-dark: mix(#000, $stormy-oceans, 20%);
.element {
color: $stormy-oceans;
box-shadow: 0 0 0 2px rgba($stormy-oceans, 0.35);
}