Created at 02/18/2023 06:32
#345c84 HEX Color information
| Color | HEX | RGB |
| #345c84 | RGB(52, 92, 132) |
RGB values are RGB(52, 92, 132)
#345c84 color contain Red 20.39%, Green 36.08% and Blue 51.76%.
Alternative colors of #345c84
Opposite Color for #345c84 is #835c34
#345c84 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #345c84
Decimal
3431556
HEX
#345c84
HSL
hsl(210, 43%, 36%)
HSLA
hsla(210, 43%, 36%, 1)
RGB
RGB(52, 92, 132)
RGBA
RGBA(52, 92, 132, 1)
Palettes for #345c84 color:
Below examples of color palettes for #345c84 HEX color
darkest color is #05090d from shades and lightest color is #ebeff3 from tints
Shades palette of #345c84:
Tints palette of #345c84:
Complementary palette of #345c84:
Triadic palette of #345c84:
Square palette of #345c84:
Analogous palette of #345c84:
Split-Complementary palette of #345c84:
Rectangle (tetradic) palette of #345c84:
Color #345c84 used in palettes (12)
Print truck mascot texture colours Background removal poster graphicdesign banner Cafe packaging logo colors Minimal graphic design illustrator palette Girl character illustration like colors palette Calendar risograph typography characterdesign hex colors Logo design tall label hex colors App ui modern apps design hex colors Iocn ios app colors Character design illustration caricature vector colors palette Editorial illustration procreate water digitalart palette Minimal design illustration vector ice cream colours
Color Contrast
Color pairings #345c84 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#345c84
#345c84 Contrast Ratio
6.97:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#345c84
#345c84 Contrast Ratio
3.01:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
