Created at 02/27/2023 10:44
#342f76 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #342f76 | RGB(52, 47, 118) |
RGB values are RGB(52, 47, 118)
#342f76 color contain Red 20.39%, Green 18.43% and Blue 46.27%.
oklch(35.37% 0.1176 281.72)
#342f76 color contain Red 20.39%, Green 18.43% and Blue 46.27%.
oklch(35.37% 0.1176 281.72)
Classification of #342f76 color
#342f76 is Light and Cool Color Saturation 43%, lightness 32%.
Tint of darkslateblue
Alternative colors of #342f76
Opposite Color for #342f76 is #70752f
#342f76 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #342f76
Decimal
3420022
HEX
#342f76
HSL
hsl(244, 43%, 32%)
HSLA
hsla(244, 43%, 32%, 1)
RGB
RGB(52, 47, 118)
RGBA
RGBA(52, 47, 118, 1)
Palettes for #342f76 color:
Below examples of color palettes for #342f76 HEX color
darkest color is #05050c from shades and lightest color is #ebeaf1 from tints
Shades palette of #342f76:
#2f2a6a
#2a265e
#242153
#1f1c47
#1a183b
#15132f
#100e23
#0a0918
#05050c
#000000
Tints palette of #342f76:
#484484
#5d5991
#716d9f
#8582ad
#9a97bb
#aeacc8
#c2c1d6
#d6d5e4
#ebeaf1
#ffffff
Complementary palette of #342f76:
#332f75
#70752f
Triadic palette of #342f76:
#332f75
#75332f
#2f7533
Square palette of #342f76:
#332f75
#752f4d
#2f7556
#70752f
Analogous palette of #342f76:
#2f4d75
#332f75
Split-Complementary palette of #342f76:
#332f75
#2f4d75
Rectangle (tetradic) palette of #342f76:
#332f75
#752f4d
#2f7556
#75562f
Suggested colors palettes for #342f76 HEX:
Colors palette with color #342f76 #1:
Colors palette with color #342f76 #2:
Colors palette with color #342f76 #3:
Colors palette with color #342f76 #4:
Colors palette with color #342f76 #5:
Color #342f76 used in palettes (1)
Color Contrast
Color pairings #342f76 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#342f76
#342f76 Contrast Ratio
11.57:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#342f76
#342f76 Contrast Ratio
1.81:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #342f76 color png
Visit the popular colors list for more colors