Created at 02/20/2023 21:39
#345ca0 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #345ca0 | RGB(52, 92, 160) |
RGB values are RGB(52, 92, 160)
#345ca0 color contain Red 20.39%, Green 36.08% and Blue 62.75%.
oklch(48.07% 0.1188 260.34)
#345ca0 color contain Red 20.39%, Green 36.08% and Blue 62.75%.
oklch(48.07% 0.1188 260.34)
Classification of #345ca0 color
#345ca0 is Semi dark and Cool Color Saturation 51%, lightness 42%.
Shade of royalblue
Alternative colors of #345ca0
Opposite Color for #345ca0 is #a27a34
#345ca0 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #345ca0
Decimal
3431584
HEX
#345ca0
HSL
hsl(218, 51%, 42%)
HSLA
hsla(218, 51%, 42%, 1)
RGB
RGB(52, 92, 160)
RGBA
RGBA(52, 92, 160, 1)
Palettes for #345ca0 color:
Below examples of color palettes for #345ca0 HEX color
darkest color is #050910 from shades and lightest color is #ebeff6 from tints
Shades palette of #345ca0:
#2f5390
#2a4a80
#244070
#1f3760
#1a2e50
#152540
#101c30
#0a1220
#050910
#000000
Tints palette of #345ca0:
#486caa
#5d7db3
#718dbd
#859dc6
#9aaed0
#aebed9
#c2cee3
#d6deec
#ebeff6
#ffffff
Complementary palette of #345ca0:
#345da2
#a27a34
Triadic palette of #345ca0:
#345da2
#a2345d
#5da234
Square palette of #345ca0:
#345da2
#a23493
#34a243
#a27a34
Analogous palette of #345ca0:
#3493a2
#345da2
Split-Complementary palette of #345ca0:
#345da2
#3493a2
Rectangle (tetradic) palette of #345ca0:
#345da2
#a23493
#34a243
#a24334
Suggested colors palettes for #345ca0 HEX:
Colors palette with color #345ca0 #1:
Colors palette with color #345ca0 #2:
Colors palette with color #345ca0 #3:
Colors palette with color #345ca0 #4:
Colors palette with color #345ca0 #5:
Color #345ca0 used in palettes (3)
Color Contrast
Color pairings #345ca0 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#345ca0
#345ca0 Contrast Ratio
6.59:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#345ca0
#345ca0 Contrast Ratio
3.18:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #345ca0 color png
Visit the popular colors list for more colors