Nazwany kolor · #A55AF4
Orion Nebula
Orion Nebula to #A55AF4: rgb(165 90 244), hsl(269 88% 65%), oklch(0.628 0.222 302.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Orion Nebula color name →
#A55AF4
oklch(0.628 0.222 302.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AD6DF7
- B67FF9
- BF90FB
- C7A1FC
- D0B1FE
- D9C1FF
- E3D0FF
- ECE0FF
- F5EFFF
Odcienie ciemniejsze
- 8F4DD4
- 7941B5
- 653597
- 51297A
- 3D1E5E
- 2B1344
- 1A092B
- 0A0314
- 010003
Tony
- A160E9
- 9D66DD
- 996BD2
- 956FC7
- 9273BB
- 8E76B0
- 8A79A4
- 877C98
- 837E8C
Harmonie kolorów
Komplementarna +180°
- A55AF4
Orion Nebula
- 789600
≈ Mossy Woods
Analogowa -30° +30°
- A55AF4
Orion Nebula
- 6478FF
≈ Byzantine Night Blue
- D143C1
≈ Zǐ Sè Purple
Triada +120° +240°
- A55AF4
Orion Nebula
- C47200
≈ Dirty Orange
- 009E8F
≈ On a Whim
Komplementarna rozszczepiona +150° +210°
- A55AF4
Orion Nebula
- A38500
≈ Golden Palm
- 00A356
≈ Full Energy
Tetrada +90° +180° +270°
- A55AF4
Orion Nebula
- F13B14
≈ Orangish Red
- 789600
≈ Mossy Woods
- 0099B0
≈ Aquarium Diver
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.91:1 · APCA Lc 66
Ag
AANa czerni
WCAG 5.36:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.36:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
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);
}