Nearest named color · #A360F1
#A360F1
Nearest named color: Orion Nebula
#A360F1 (rgb(163 96 241), hsl(268 84% 66%), oklch(0.632 0.211 302)) is closest to the named color Orion Nebula. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A360F1
oklch(0.632 0.211 302)
Color conversions
- HEX
- #a360f1
- RGB
- rgb(163 96 241)
- HSL
- hsl(268 84% 66%)
- HWB
- hwb(268 38% 5%)
- OKLCH
- oklch(0.632 0.211 302)
- OKLab
- oklab(0.632 0.112 -0.179)
- CIE Lab
- lab(53.89 48.72 -63.71)
- LCH
- lch(53.89 80.2 307.4)
- CMYK
- cmyk(32% 60% 0% 5%)
Tints · Shades · Tones
Tints
- AC72F4
- B483F6
- BD93F8
- C6A3FA
- CFB3FC
- D9C2FD
- E2D1FE
- ECE1FF
- F5F0FF
Shades
- 8D52D2
- 7845B3
- 633895
- 4F2C79
- 3C205D
- 2A1543
- 190A2B
- 0A0314
- 010003
Tones
- 9F65E6
- 9C6ADB
- 986ED0
- 9472C5
- 9175BA
- 8D78AE
- 8A7AA3
- 867C98
- 837E8C
Color harmonies
Complementary +180°
- A360F1
Orion Nebula
- 7B9700
≈ Mossy Woods
Analogous -30° +30°
- A360F1
Orion Nebula
- 637AFF
≈ Byzantine Night Blue
- CE4CC1
≈ Zǐ Sè Purple
Triadic +120° +240°
- A360F1
Orion Nebula
- C67200
≈ Dirty Orange
- 009F8F
≈ On a Whim
Split-complementary +150° +210°
- A360F1
Orion Nebula
- A68600
≈ Golden Palm
- 00A554
≈ Green Pigment
Tetradic +90° +180° +270°
- A360F1
Orion Nebula
- EE4428
≈ Heavy Orange
- 7B9700
≈ Mossy Woods
- 009BB0
≈ Caneel Bay
Contrast & accessibility
Ag
FailOn white
WCAG 3.81:1 · APCA Lc 65
Ag
AAOn black
WCAG 5.50:1 · APCA Lc 36
Best text color: #000000
WCAG 5.50:1 (AA) · APCA Lc 36
Contrast pairs
Code snippets
CSS
:root {
--orion-nebula: #a360f1;
--orion-nebula-rgb: 163 96 241;
--orion-nebula-oklch: oklch(0.632 0.211 302);
}
.element {
color: var(--orion-nebula);
background-color: hsl(268 84% 66%);
border-color: oklch(0.632 0.211 302);
}Tailwind CSS v4
@theme {
--color-orion-nebula: #a360f1;
--color-orion-nebula-50: #ffe7ff;
--color-orion-nebula-100: #f7d7ff;
--color-orion-nebula-200: #e8bdff;
--color-orion-nebula-300: #cf99ff;
--color-orion-nebula-400: #b779ff;
--color-orion-nebula-500: #a255f7;
--color-orion-nebula-600: #8949d0;
--color-orion-nebula-700: #6e3aa7;
--color-orion-nebula-800: #4f2a7f;
--color-orion-nebula-900: #371d5a;
--color-orion-nebula-950: #220b3d;
}SCSS
$orion-nebula: #a360f1;
$orion-nebula-rgb: 163, 96, 241;
$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);
}