Colore con nome · #70818E
Stormy Oceans
Stormy Oceans è #70818E: rgb(112 129 142), hsl(206 12% 50%), oklch(0.594 0.028 241). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Stormy Oceans color name →
#70818E
oklch(0.594 0.028 241)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 7D8D99
- 8B99A4
- 99A5AF
- A7B2BA
- B5BEC5
- C4CBD0
- D2D8DC
- E1E5E8
- F0F2F3
Ombre
- 606F7B
- 515E68
- 434E56
- 353E44
- 272E34
- 1A1F24
- 0E1215
- 040607
- 010101
Toni
- 72818D
- 73818B
- 75818A
- 778188
- 788187
- 7A8086
- 7B8084
- 7D8083
- 7E8081
Armonie di colore
Complementare +180°
- 70818E
Stormy Oceans
- 8B7B6E
≈ Road Less-Travelled
Analogo -30° +30°
- 70818E
Stormy Oceans
- 6C8388
≈ Puddle Jumper
- 787E90
≈ Seattle Haze
Triadico +120° +240°
- 70818E
Stormy Oceans
- 8E787D
≈ Purple Rubiate
- 7C816F
≈ Kakadu Trail
Complementare divisa +150° +210°
- 70818E
Stormy Oceans
- 8F7974
≈ Venus Deva
- 857E6C
≈ Bare
Tetradico +90° +180° +270°
- 70818E
Stormy Oceans
- 897986
≈ High Note
- 8B7B6E
≈ Road Less-Travelled
- 738476
≈ Rookwood Blue Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.02:1 · APCA Lc 68
Ag
AASu nero
WCAG 5.21:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 5.21:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
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);
}