Colore con nome · #000B44
Storm
Storm è #000B44: rgb(0 11 68), hsl(230 100% 13%), oklch(0.196 0.107 263.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Storm color name →
#000B44
oklch(0.196 0.107 263.7)
Conversioni di colore
- HEX
- #000b44
- RGB
- rgb(0 11 68)
- HSL
- hsl(230 100% 13%)
- HWB
- hwb(230 0% 73%)
- OKLCH
- oklch(0.196 0.107 263.7)
- OKLab
- oklab(0.196 -0.012 -0.106)
- CIE Lab
- lab(5.33 15.46 -37.11)
- LCH
- lch(5.33 40.2 292.6)
- CMYK
- cmyk(100% 84% 0% 73%)
Tinte · Ombre · Toni
Tinte
- 0E2456
- 243A69
- 3C517B
- 55688E
- 6F80A0
- 8A98B3
- A6B1C6
- C3CBD9
- E1E5EC
Ombre
- 00083A
- 000630
- 000426
- 00021D
- 000114
- 00010C
- 000005
- 000002
- 000000
Toni
- 05194B
- 112551
- 1E3058
- 2B3C5E
- 384764
- 46526A
- 545D70
- 626975
- 71747B
Armonie di colore
Complementare +180°
- 000B44
Storm
- 1E1300
≈ Super Black
Analogo -30° +30°
- 000B44
Storm
- 001825
≈ Creeping Death
- 1B013F
≈ Your Darkness
Triadico +120° +240°
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 18.56:1 · APCA Lc 105
Ag
FailSu nero
WCAG 1.13:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 18.56:1 (AAA) · APCA Lc 105
Contrast pairs
Frammenti di codice
CSS
:root {
--storm: #000b44;
--storm-rgb: 0 11 68;
--storm-oklch: oklch(0.196 0.107 263.7);
}
.element {
color: var(--storm);
background-color: hsl(230 100% 13%);
border-color: oklch(0.196 0.107 263.7);
}Tailwind CSS v4
@theme {
--color-storm: #000b44;
--color-storm-50: #e7f5ff;
--color-storm-100: #d7e8ff;
--color-storm-200: #bfd4ff;
--color-storm-300: #9db7ef;
--color-storm-400: #7e9ede;
--color-storm-500: #6184cd;
--color-storm-600: #5270ad;
--color-storm-700: #425a8b;
--color-storm-800: #2d4267;
--color-storm-900: #1f2e49;
--color-storm-950: #0e1a30;
}SCSS
$storm: #000b44;
$storm-rgb: 0, 11, 68;
$storm-light: mix(#fff, $storm, 20%);
$storm-dark: mix(#000, $storm, 20%);
.element {
color: $storm;
box-shadow: 0 0 0 2px rgba($storm, 0.35);
}