Dichtstbijzijnde benoemde kleur · #9351EF
#9351EF
Dichtstbijzijnde benoemde kleur: Orion Nebula
#9351EF (rgb(147 81 239), hsl(265 83% 63%), oklch(0.594 0.225 298.4)) komt het dichtst bij de benoemde kleur Orion Nebula. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#9351EF
oklch(0.594 0.225 298.4)
Kleurconversies
- HEX
- #9351ef
- RGB
- rgb(147 81 239)
- HSL
- hsl(265 83% 63%)
- HWB
- hwb(265 32% 6%)
- OKLCH
- oklch(0.594 0.225 298.4)
- OKLab
- oklab(0.594 0.107 -0.198)
- CIE Lab
- lab(49.04 51.72 -70.52)
- LCH
- lch(49.04 87.45 306.3)
- CMYK
- cmyk(38% 66% 0% 6%)
Tinten · Schaduwen · Tonen
Tinten
- 9D66F2
- A679F5
- B18BF8
- BB9CFA
- C6ADFC
- D1BDFD
- DCCEFE
- E7DEFF
- F3EFFF
Schaduwen
- 7F45D0
- 6C3AB1
- 592F94
- 472478
- 361A5C
- 251042
- 16072A
- 080214
- 010003
Tonen
- 9159E4
- 8E60DA
- 8C65CF
- 8A6BC4
- 886FB9
- 8673AE
- 8577A3
- 837A98
- 817D8C
Kleurharmonieën
Complementair +180°
- 9351EF
Orion Nebula
- 778900
≈ Elwynn Forest Olive
Analoog -30° +30°
- 9351EF
Orion Nebula
- 496DFF
≈ Blue Titmouse
- C138BF
≈ Purple Pink
Triadisch +120° +240°
- 9351EF
Orion Nebula
- BA6500
≈ Camel Fur
- 00937F
≈ Aqua Waters
Gesplitst complementair +150° +210°
- 9351EF
Orion Nebula
- 9C7900
≈ Yellowish Brown
- 00983E
≈ Green Revolution
Tetradisch +90° +180° +270°
- 9351EF
Orion Nebula
- E6241F
≈ Lust
- 778900
≈ Elwynn Forest Olive
- 008F9E
≈ Coral Coast
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.50:1 · APCA Lc 71
Ag
AAOp zwart
WCAG 4.66:1 · APCA Lc 31
Beste tekstkleur: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Codefragmenten
CSS
:root {
--orion-nebula: #9351ef;
--orion-nebula-rgb: 147 81 239;
--orion-nebula-oklch: oklch(0.594 0.225 298.4);
}
.element {
color: var(--orion-nebula);
background-color: hsl(265 83% 63%);
border-color: oklch(0.594 0.225 298.4);
}Tailwind CSS v4
@theme {
--color-orion-nebula: #9351ef;
--color-orion-nebula-50: #ffe7ff;
--color-orion-nebula-100: #f4d7ff;
--color-orion-nebula-200: #e4bdff;
--color-orion-nebula-300: #cb99ff;
--color-orion-nebula-400: #b278ff;
--color-orion-nebula-500: #9e51ff;
--color-orion-nebula-600: #8546db;
--color-orion-nebula-700: #6a38b0;
--color-orion-nebula-800: #4c2985;
--color-orion-nebula-900: #351c5e;
--color-orion-nebula-950: #210a41;
}SCSS
$orion-nebula: #9351ef;
$orion-nebula-rgb: 147, 81, 239;
$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);
}