Nearest named color · #916AFF
#916AFF
Nearest named color: Orion Nebula
#916AFF (rgb(145 106 255), hsl(256 100% 71%), oklch(0.638 0.212 291.3)) is closest to the named color Orion Nebula. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#916AFF
oklch(0.638 0.212 291.3)
Color conversions
- HEX
- #916aff
- RGB
- rgb(145 106 255)
- HSL
- hsl(256 100% 71%)
- HWB
- hwb(256 42% 0%)
- OKLCH
- oklch(0.638 0.212 291.3)
- OKLab
- oklab(0.638 0.077 -0.197)
- CIE Lab
- lab(54.76 41.92 -70.19)
- LCH
- lch(54.76 81.75 300.9)
- CMYK
- cmyk(43% 58% 0% 0%)
Tints · Shades · Tones
Tints
- 9A7BFF
- A48BFF
- AE9AFF
- B9A9FF
- C4B8FF
- CFC6FF
- DBD5FF
- E7E3FF
- F3F1FF
Shades
- 7D5BDE
- 6A4DBE
- 583F9E
- 463180
- 352463
- 251848
- 150D2E
- 070416
- 010003
Tones
- 8F6EF3
- 8C72E6
- 8A75DA
- 8878CD
- 877AC1
- 857CB4
- 837DA7
- 827E9A
- 817F8D
Color harmonies
Complementary +180°
- 916AFF
Orion Nebula
- 909300
≈ Old Asparagus
Analogous -30° +30°
- 916AFF
Orion Nebula
- 4385FF
≈ Bleuchâtel Blue
- C354D7
≈ Medium Orchid
Triadic +120° +240°
- 916AFF
Orion Nebula
- D76700
≈ Apple II Chocolate
- 00A382
≈ Congo Green
Split-complementary +150° +210°
- 916AFF
Orion Nebula
- B48200
≈ Arrowwood
- 22A800
≈ Peter Pan
Tetradic +90° +180° +270°
- 916AFF
Orion Nebula
- F1404F
≈ Vineyard Autumn
- 909300
≈ Old Asparagus
- 009FA7
≈ Ducati
Contrast & accessibility
Ag
FailOn white
WCAG 3.67:1 · APCA Lc 64
Ag
AAOn black
WCAG 5.70:1 · APCA Lc 38
Best text color: #000000
WCAG 5.70:1 (AA) · APCA Lc 38
Contrast pairs
Code snippets
CSS
:root {
--orion-nebula: #916aff;
--orion-nebula-rgb: 145 106 255;
--orion-nebula-oklch: oklch(0.638 0.212 291.3);
}
.element {
color: var(--orion-nebula);
background-color: hsl(256 100% 71%);
border-color: oklch(0.638 0.212 291.3);
}Tailwind CSS v4
@theme {
--color-orion-nebula: #916aff;
--color-orion-nebula-50: #f7eaff;
--color-orion-nebula-100: #eadbff;
--color-orion-nebula-200: #d8c2ff;
--color-orion-nebula-300: #bda0ff;
--color-orion-nebula-400: #a381ff;
--color-orion-nebula-500: #8d5eff;
--color-orion-nebula-600: #7750db;
--color-orion-nebula-700: #5f40b0;
--color-orion-nebula-800: #442f85;
--color-orion-nebula-900: #2f205e;
--color-orion-nebula-950: #1c0e40;
}SCSS
$orion-nebula: #916aff;
$orion-nebula-rgb: 145, 106, 255;
$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);
}