Created at 05/08/2022 23:30
x42VS Code
- Code.Background#282a36
- Code.Foreground.Faded#c0c0c0
- Code.Foreground.Main#ffffff
- Code.Foreground.Keyword#ff79c6
- Code.Foreground.TypeOrLink#8be9fd
- Code.Foreground.Method#86c1f2
- Code.Foreground.MethodCall#82aaff
- Code.Foreground.Operators#dcdcdc
- Code.MatchBracketsBG#6e6ed7
- Code.Foreground.Number#bd93f9
- Code.Foreground.String#f1fa81
- Code.Foreground.StringXAML#ccacfb
- Code.Foreground.CommentAndLineNumbers#6272a4
- Code.Foreground.Refs#626579
The palette consists of Dark, Light colors. Accent colors Code.Foreground.Keyword #ff79c6 and Code.Foreground.TypeOrLink #8be9fd. Palette has Cool, Neutral, Warm colors temperature.
By lightness, this palette runs from #282A36 (darkest) to #FFFFFF (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma).
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Overall temperature among swatches leans cool.
HEX codes (sorted): #282A36, #626579, #6272A4, #6E6ED7, #82AAFF, #86C1F2, #8BE9FD, #BD93F9, #C0C0C0, #CCACFB, #DCDCDC, #F1FA81, #FF79C6, #FFFFFF
Palette x42VS Code has combination of 14 codes colors:
HEX: #282a36, RGB: (40, 42, 54); HEX: #c0c0c0, RGB: (192, 192, 192); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #ff79c6, RGB: (255, 121, 198); HEX: #8be9fd, RGB: (139, 233, 253); HEX: #86c1f2, RGB: (134, 193, 242)
HEX: #82aaff, RGB: (130, 170, 255); HEX: #dcdcdc, RGB: (220, 220, 220); HEX: #6e6ed7, RGB: (110, 110, 215)
HEX: #bd93f9, RGB: (189, 147, 249); HEX: #f1fa81, RGB: (241, 250, 129); HEX: #ccacfb, RGB: (204, 172, 251)
HEX: #6272a4, RGB: (98, 114, 164); HEX: #626579, RGB: (98, 101, 121)
Simplified version of palette colors
Shade of Black, Silver, White, Shade of hotpink, Tint of powderblue, Tint of lightskyblue, Shade of cornflowerblue, Tint of mediumslateblue, Tint of violet, Shade of Khaki, Shade of plum, Shade of royalblue, Tint of dimgrey
Color scheme was created by x42chaos
Colors codes in palette
x42VS Code color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #282a36 | #282a36 | RGB(40, 42, 54) | Code.Background | — |
| #c0c0c0 | #c0c0c0 | RGB(192, 192, 192) | Code.Foreground.Faded | Silver |
| #ffffff | #ffffff | RGB(255, 255, 255) | Code.Foreground.Main | White |
| #ff79c6 | #ff79c6 | RGB(255, 121, 198) | Code.Foreground.Keyword | — |
| #8be9fd | #8be9fd | RGB(139, 233, 253) | Code.Foreground.TypeOrLink | — |
| #86c1f2 | #86c1f2 | RGB(134, 193, 242) | Code.Foreground.Method | — |
| #82aaff | #82aaff | RGB(130, 170, 255) | Code.Foreground.MethodCall | — |
| #dcdcdc | #dcdcdc | RGB(220, 220, 220) | Code.Foreground.Operators | Gainsboro |
| #6e6ed7 | #6e6ed7 | RGB(110, 110, 215) | Code.MatchBracketsBG | — |
| #bd93f9 | #bd93f9 | RGB(189, 147, 249) | Code.Foreground.Number | — |
| #f1fa81 | #f1fa81 | RGB(241, 250, 129) | Code.Foreground.String | — |
| #ccacfb | #ccacfb | RGB(204, 172, 251) | Code.Foreground.StringXAML | — |
| #6272a4 | #6272a4 | RGB(98, 114, 164) | Code.Foreground.CommentAndLineNumbers | — |
| #626579 | #626579 | RGB(98, 101, 121) | Code.Foreground.Refs | — |
Color Palette Contrast
47 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#c0c0c0 | #ffffff | 1.81 |
#c0c0c0 | #ff79c6 | 1.31 |
#c0c0c0 | #8be9fd | 1.31 |
#c0c0c0 | #86c1f2 | 1.05 |
#c0c0c0 | #82aaff | 1.26 |
#c0c0c0 | #dcdcdc | 1.32 |
Image palette x42VS Code png
Export Palette
Download the "x42VS Code" in multiple formats for seamless integration into your design projects.
Available formats: