Created at 03/03/2023 12:01
#342ca3 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #342ca3 | RGB(52, 44, 163) |
RGB values are RGB(52, 44, 163)
#342ca3 color contain Red 20.39%, Green 17.25% and Blue 63.92%.
oklch(39.02% 0.1824 276.76)
#342ca3 color contain Red 20.39%, Green 17.25% and Blue 63.92%.
oklch(39.02% 0.1824 276.76)
Color Names of #342ca3 HEX code
Blue (Pigment) Color
Classification of #342ca3 color
#342ca3 is Light and Cool Color Saturation 57%, lightness 41%.
Tint of darkslateblue
Alternative colors of #342ca3
Opposite Color for #342ca3 is #9ca42d
#342ca3 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #342ca3
Decimal
3419299
HEX
#342ca3
HSL
hsl(244, 57%, 41%)
HSLA
hsla(244, 57%, 41%, 1)
RGB
RGB(52, 44, 163)
RGBA
RGBA(52, 44, 163, 1)
Palettes for #342ca3 color:
Below examples of color palettes for #342ca3 HEX color
darkest color is #050410 from shades and lightest color is #ebeaf6 from tints
Shades palette of #342ca3:
#2f2893
#2a2382
#241f72
#1f1a62
#1a1652
#151241
#100d31
#0a0921
#050410
#000000
Tints palette of #342ca3:
#4841ac
#5d56b5
#716bbf
#8580c8
#9a96d1
#aeabda
#c2c0e3
#d6d5ed
#ebeaf6
#ffffff
Complementary palette of #342ca3:
#352da4
#9ca42d
Triadic palette of #342ca3:
#352da4
#a4352d
#2da435
Square palette of #342ca3:
#352da4
#a42d61
#2da470
#9ca42d
Analogous palette of #342ca3:
#2d61a4
#352da4
Split-Complementary palette of #342ca3:
#352da4
#2d61a4
Rectangle (tetradic) palette of #342ca3:
#352da4
#a42d61
#2da470
#a4702d
Suggested colors palettes for #342ca3 HEX:
Colors palette with color #342ca3 #1:
Colors palette with color #342ca3 #2:
Colors palette with color #342ca3 #3:
Colors palette with color #342ca3 #4:
Colors palette with color #342ca3 #5:
Color #342ca3 used in palettes (7)
Mobile wallet investment swap colours Banking wire app cuberto hex colors Currency mobile wallet transaction colours Ui transaction currency interface design colors palette Experience design wire wallet cuberto hex colors Wallet mobile ux experience design colours Currency experience design interface investment
Color Contrast
Color pairings #342ca3 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#342ca3
#342ca3 Contrast Ratio
10.31:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#342ca3
#342ca3 Contrast Ratio
2.03:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #342ca3 color png
Visit the popular colors list for more colors