Benannte Farbe · #922B9C
Nebula Outpost
Nebula Outpost ist #922B9C: rgb(146 43 156), hsl(295 57% 39%), oklch(0.493 0.19 324.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Nebula Outpost color name →
#922B9C
oklch(0.493 0.19 324.1)
Farbumrechnungen
- HEX
- #922b9c
- RGB
- rgb(146 43 156)
- HSL
- hsl(295 57% 39%)
- HWB
- hwb(295 17% 39%)
- OKLCH
- oklch(0.493 0.19 324.1)
- OKLab
- oklab(0.493 0.154 -0.111)
- CIE Lab
- lab(38.1 53.74 -39.93)
- LCH
- lch(38.1 66.95 323.4)
- CMYK
- cmyk(6% 72% 0% 39%)
Tints · Shades · Tones
Tints
- 9E44A6
- A95BB1
- B56FBB
- C084C5
- CB98CF
- D6ADD9
- E0C1E2
- EBD5EC
- F5EAF6
Shades
- 7E2487
- 6B1D73
- 58165F
- 46104C
- 350A39
- 250528
- 160218
- 080109
- 010001
Tones
- 91389A
- 904297
- 8F4C95
- 8D5592
- 8C5D90
- 8A648D
- 886B8A
- 867387
- 837983
Farbharmonien
Komplementär +180°
- 922B9C
Nebula Outpost
- 007616
≈ Spreadsheet Green
Analog -30° +30°
- 922B9C
Nebula Outpost
- 6B3FC0
≈ Dragonlord Purple
- AB1668
≈ Plum Paradise
Triadisch +120° +240°
- 922B9C
Nebula Outpost
- 7C5B00
≈ Blackfire Earth
- 006F77
≈ Carnival Night
Geteilt komplementär +150° +210°
- 922B9C
Nebula Outpost
- 616700
≈ Mud Green
- 00725D
≈ Tropical Rainforest
Tetradisch +90° +180° +270°
- 922B9C
Nebula Outpost
- 954A00
≈ Brownie
- 007616
≈ Spreadsheet Green
- 006A92
≈ Port au Prince
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.89:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.04:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.89:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--nebula-outpost: #922b9c;
--nebula-outpost-rgb: 146 43 156;
--nebula-outpost-oklch: oklch(0.493 0.19 324.1);
}
.element {
color: var(--nebula-outpost);
background-color: hsl(295 57% 39%);
border-color: oklch(0.493 0.19 324.1);
}Tailwind CSS v4
@theme {
--color-nebula-outpost: #922b9c;
--color-nebula-outpost-50: #ffe3ff;
--color-nebula-outpost-100: #ffd2ff;
--color-nebula-outpost-200: #ffb8ff;
--color-nebula-outpost-300: #e993eb;
--color-nebula-outpost-400: #d472dd;
--color-nebula-outpost-500: #c04dcb;
--color-nebula-outpost-600: #a243ab;
--color-nebula-outpost-700: #82358a;
--color-nebula-outpost-800: #5f2668;
--color-nebula-outpost-900: #431949;
--color-nebula-outpost-950: #2b0930;
}SCSS
$nebula-outpost: #922b9c;
$nebula-outpost-rgb: 146, 43, 156;
$nebula-outpost-light: mix(#fff, $nebula-outpost, 20%);
$nebula-outpost-dark: mix(#000, $nebula-outpost, 20%);
.element {
color: $nebula-outpost;
box-shadow: 0 0 0 2px rgba($nebula-outpost, 0.35);
}