Colore con nome · #440099
Space Battle Blue
Space Battle Blue è #440099: rgb(68 0 153), hsl(267 100% 30%), oklch(0.355 0.2 290.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Space Battle Blue color name →
#440099
oklch(0.355 0.2 290.7)
Conversioni di colore
- HEX
- #440099
- RGB
- rgb(68 0 153)
- HSL
- hsl(267 100% 30%)
- HWB
- hwb(267 0% 40%)
- OKLCH
- oklch(0.355 0.2 290.7)
- OKLab
- oklab(0.355 0.071 -0.187)
- CIE Lab
- lab(20.89 50.33 -66.71)
- LCH
- lch(20.89 83.57 307)
- CMYK
- cmyk(56% 100% 0% 40%)
Tinte · Ombre · Toni
Tinte
- 522DA5
- 6247B1
- 735FBC
- 8476C6
- 978DD1
- ABA3DB
- BFBAE4
- D4D1EE
- E9E8F7
Ombre
- 3A0084
- 300070
- 26005D
- 1D004A
- 140038
- 0C0027
- 050017
- 020008
- 000001
Toni
- 481E98
- 4D2F96
- 523C95
- 574793
- 5D5291
- 645B8E
- 6A658B
- 716E88
- 797784
Armonie di colore
Complementare +180°
- 440099
Space Battle Blue
- 3E3F00
≈ Dark Olive
Analogo -30° +30°
- 440099
Space Battle Blue
- 003388
≈ One Minute to Midnight
- 600070
≈ Zeus Purple
Triadico +120° +240°
- 440099
Space Battle Blue
- 602A00
≈ Count Chocula
- 004737
≈ UP Forest Green
Complementare divisa +150° +210°
- 440099
Space Battle Blue
- 4F3700
≈ Eyelash Camel
- 0D4900
≈ Kabocha Green
Tetradico +90° +180° +270°
- 440099
Space Battle Blue
- 750018
≈ Cinnabar
- 3E3F00
≈ Dark Olive
- 004549
≈ Dark Side
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 12.31:1 · APCA Lc 96
Ag
FailSu nero
WCAG 1.70:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 12.31:1 (AAA) · APCA Lc 96
Contrast pairs
Frammenti di codice
CSS
:root {
--space-battle-blue: #440099;
--space-battle-blue-rgb: 68 0 153;
--space-battle-blue-oklch: oklch(0.355 0.2 290.7);
}
.element {
color: var(--space-battle-blue);
background-color: hsl(267 100% 30%);
border-color: oklch(0.355 0.2 290.7);
}Tailwind CSS v4
@theme {
--color-space-battle-blue: #440099;
--color-space-battle-blue-50: #f6ebff;
--color-space-battle-blue-100: #e9dcff;
--color-space-battle-blue-200: #d7c4ff;
--color-space-battle-blue-300: #bca2ff;
--color-space-battle-blue-400: #a184ff;
--color-space-battle-blue-500: #8b62fe;
--color-space-battle-blue-600: #7554d6;
--color-space-battle-blue-700: #5e43ac;
--color-space-battle-blue-800: #423182;
--color-space-battle-blue-900: #2e215c;
--color-space-battle-blue-950: #1b103f;
}SCSS
$space-battle-blue: #440099;
$space-battle-blue-rgb: 68, 0, 153;
$space-battle-blue-light: mix(#fff, $space-battle-blue, 20%);
$space-battle-blue-dark: mix(#000, $space-battle-blue, 20%);
.element {
color: $space-battle-blue;
box-shadow: 0 0 0 2px rgba($space-battle-blue, 0.35);
}