Benannte Farbe · #A55AF4
Orion Nebula
Orion Nebula ist #A55AF4: rgb(165 90 244), hsl(269 88% 65%), oklch(0.628 0.222 302.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Orion Nebula color name →
#A55AF4
oklch(0.628 0.222 302.9)
Farbumrechnungen
- HEX
- #a55af4
- RGB
- rgb(165 90 244)
- HSL
- hsl(269 88% 65%)
- HWB
- hwb(269 35% 4%)
- OKLCH
- oklch(0.628 0.222 302.9)
- OKLab
- oklab(0.628 0.121 -0.187)
- CIE Lab
- lab(53.15 52.69 -66.54)
- LCH
- lch(53.15 84.87 308.4)
- CMYK
- cmyk(32% 63% 0% 4%)
Tints · Shades · Tones
Tints
- AD6DF7
- B67FF9
- BF90FB
- C7A1FC
- D0B1FE
- D9C1FF
- E3D0FF
- ECE0FF
- F5EFFF
Shades
- 8F4DD4
- 7941B5
- 653597
- 51297A
- 3D1E5E
- 2B1344
- 1A092B
- 0A0314
- 010003
Tones
- A160E9
- 9D66DD
- 996BD2
- 956FC7
- 9273BB
- 8E76B0
- 8A79A4
- 877C98
- 837E8C
Farbharmonien
Komplementär +180°
- A55AF4
Orion Nebula
- 789600
≈ Mossy Woods
Analog -30° +30°
- A55AF4
Orion Nebula
- 6478FF
≈ Byzantine Night Blue
- D143C1
≈ Zǐ Sè Purple
Triadisch +120° +240°
- A55AF4
Orion Nebula
- C47200
≈ Dirty Orange
- 009E8F
≈ On a Whim
Geteilt komplementär +150° +210°
- A55AF4
Orion Nebula
- A38500
≈ Golden Palm
- 00A356
≈ Full Energy
Tetradisch +90° +180° +270°
- A55AF4
Orion Nebula
- F13B14
≈ Orangish Red
- 789600
≈ Mossy Woods
- 0099B0
≈ Aquarium Diver
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.91:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.36:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.36:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--orion-nebula: #a55af4;
--orion-nebula-rgb: 165 90 244;
--orion-nebula-oklch: oklch(0.628 0.222 302.9);
}
.element {
color: var(--orion-nebula);
background-color: hsl(269 88% 65%);
border-color: oklch(0.628 0.222 302.9);
}Tailwind CSS v4
@theme {
--color-orion-nebula: #a55af4;
--color-orion-nebula-50: #ffe6ff;
--color-orion-nebula-100: #f9d5ff;
--color-orion-nebula-200: #eabbff;
--color-orion-nebula-300: #d297ff;
--color-orion-nebula-400: #ba75ff;
--color-orion-nebula-500: #a64ffc;
--color-orion-nebula-600: #8c44d4;
--color-orion-nebula-700: #7036ab;
--color-orion-nebula-800: #512781;
--color-orion-nebula-900: #381a5b;
--color-orion-nebula-950: #23093e;
}SCSS
$orion-nebula: #a55af4;
$orion-nebula-rgb: 165, 90, 244;
$orion-nebula-light: mix(#fff, $orion-nebula, 20%);
$orion-nebula-dark: mix(#000, $orion-nebula, 20%);
.element {
color: $orion-nebula;
box-shadow: 0 0 0 2px rgba($orion-nebula, 0.35);
}