Benannte Farbe · #150F5B
Space Colonisation
Space Colonisation ist #150F5B: rgb(21 15 91), hsl(245 72% 21%), oklch(0.245 0.127 275.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Space Colonisation color name →
#150F5B
oklch(0.245 0.127 275.1)
Farbumrechnungen
- HEX
- #150f5b
- RGB
- rgb(21 15 91)
- HSL
- hsl(245 72% 21%)
- HWB
- hwb(245 6% 64%)
- OKLCH
- oklch(0.245 0.127 275.1)
- OKLab
- oklab(0.245 0.011 -0.127)
- CIE Lab
- lab(10.13 24.91 -44.98)
- LCH
- lch(10.13 51.41 299)
- CMYK
- cmyk(77% 84% 0% 64%)
Tints · Shades · Tones
Tints
- 25296C
- 38407C
- 4D568D
- 646D9D
- 7B84AE
- 949CBE
- AEB4CE
- C8CDDF
- E3E6EF
Shades
- 110B4E
- 0C0841
- 080535
- 050329
- 03021E
- 020113
- 010009
- 000003
- 000000
Tones
- 1C1E60
- 252A64
- 2E3569
- 39406D
- 444B71
- 4F5574
- 5B6078
- 676B7B
- 73757D
Farbharmonien
Komplementär +180°
- 150F5B
Space Colonisation
- 282000
≈ Liquorice Root
Analog -30° +30°
- 150F5B
Space Colonisation
- 00223C
≈ Midnight Mirage
- 2F004F
≈ Hollow Knight
Triadisch +120° +240°
- 150F5B
Space Colonisation
- 400A00
≈ Red Bean
- 002913
≈ Nori Green
Geteilt komplementär +150° +210°
- 150F5B
Space Colonisation
- 321A00
≈ Powdered Cocoa
- 1A2500
≈ Lindworm Green
Tetradisch +90° +180° +270°
- 150F5B
Space Colonisation
- 43001A
≈ Blaze It Dark Magenta
- 282000
≈ Liquorice Root
- 002723
≈ Teal Spill
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 16.78:1 · APCA Lc 103
Ag
FailAuf Schwarz
WCAG 1.25:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 16.78:1 (AAA) · APCA Lc 103
Contrast pairs
Code-Snippets
CSS
:root {
--space-colonisation: #150f5b;
--space-colonisation-rgb: 21 15 91;
--space-colonisation-oklch: oklch(0.245 0.127 275.1);
}
.element {
color: var(--space-colonisation);
background-color: hsl(245 72% 21%);
border-color: oklch(0.245 0.127 275.1);
}Tailwind CSS v4
@theme {
--color-space-colonisation: #150f5b;
--color-space-colonisation-50: #ebf3ff;
--color-space-colonisation-100: #dde5ff;
--color-space-colonisation-200: #c6d0ff;
--color-space-colonisation-300: #a7b2f8;
--color-space-colonisation-400: #8998e9;
--color-space-colonisation-500: #6f7dd9;
--color-space-colonisation-600: #5e6ab7;
--color-space-colonisation-700: #4b5593;
--color-space-colonisation-800: #343e6e;
--color-space-colonisation-900: #242b4d;
--color-space-colonisation-950: #131833;
}SCSS
$space-colonisation: #150f5b;
$space-colonisation-rgb: 21, 15, 91;
$space-colonisation-light: mix(#fff, $space-colonisation, 20%);
$space-colonisation-dark: mix(#000, $space-colonisation, 20%);
.element {
color: $space-colonisation;
box-shadow: 0 0 0 2px rgba($space-colonisation, 0.35);
}