Couleur nommée la plus proche · #916AFF
#916AFF
Couleur nommée la plus proche: Orion Nebula
#916AFF (rgb(145 106 255), hsl(256 100% 71%), oklch(0.638 0.212 291.3)) est la plus proche de la couleur nommée Orion Nebula. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#916AFF
oklch(0.638 0.212 291.3)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 9A7BFF
- A48BFF
- AE9AFF
- B9A9FF
- C4B8FF
- CFC6FF
- DBD5FF
- E7E3FF
- F3F1FF
Ombres
- 7D5BDE
- 6A4DBE
- 583F9E
- 463180
- 352463
- 251848
- 150D2E
- 070416
- 010003
Tons
- 8F6EF3
- 8C72E6
- 8A75DA
- 8878CD
- 877AC1
- 857CB4
- 837DA7
- 827E9A
- 817F8D
Harmonies de couleurs
Complémentaire +180°
- 916AFF
Orion Nebula
- 909300
≈ Old Asparagus
Analogue -30° +30°
- 916AFF
Orion Nebula
- 4385FF
≈ Bleuchâtel Blue
- C354D7
≈ Medium Orchid
Triadique +120° +240°
- 916AFF
Orion Nebula
- D76700
≈ Apple II Chocolate
- 00A382
≈ Congo Green
Complémentaire divisée +150° +210°
- 916AFF
Orion Nebula
- B48200
≈ Arrowwood
- 22A800
≈ Peter Pan
Tétradique +90° +180° +270°
- 916AFF
Orion Nebula
- F1404F
≈ Vineyard Autumn
- 909300
≈ Old Asparagus
- 009FA7
≈ Ducati
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.67:1 · APCA Lc 64
Ag
AASur noir
WCAG 5.70:1 · APCA Lc 38
Meilleure couleur de texte: #000000
WCAG 5.70:1 (AA) · APCA Lc 38
Contrast pairs
Extraits de code
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);
}