Created at 02/26/2023 14:39
#344cc0 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #344cc0 | RGB(52, 76, 192) |
RGB values are RGB(52, 76, 192)
#344cc0 color contain Red 20.39%, Green 29.8% and Blue 75.29%.
oklch(47.16% 0.1832 269.12)
#344cc0 color contain Red 20.39%, Green 29.8% and Blue 75.29%.
oklch(47.16% 0.1832 269.12)
Classification of #344cc0 color
#344cc0 is Light and Cool Color Saturation 57%, lightness 48%.
Tint of slateblue
Alternative colors of #344cc0
Opposite Color for #344cc0 is #c0a935
#344cc0 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #344cc0
Decimal
3427520
HEX
#344cc0
HSL
hsl(230, 57%, 48%)
HSLA
hsla(230, 57%, 48%, 1)
RGB
RGB(52, 76, 192)
RGBA
RGBA(52, 76, 192, 1)
Palettes for #344cc0 color:
Below examples of color palettes for #344cc0 HEX color
darkest color is #050813 from shades and lightest color is #ebedf9 from tints
Shades palette of #344cc0:
#2f44ad
#2a3d9a
#243586
#1f2e73
#1a2660
#151e4d
#10173a
#0a0f26
#050813
#000000
Tints palette of #344cc0:
#485ec6
#5d70cd
#7182d3
#8594d9
#9aa6e0
#aeb7e6
#c2c9ec
#d6dbf2
#ebedf9
#ffffff
Complementary palette of #344cc0:
#354cc0
#c0a935
Triadic palette of #344cc0:
#354cc0
#c0354c
#4cc035
Square palette of #344cc0:
#354cc0
#c03592
#35c063
#c0a935
Analogous palette of #344cc0:
#3592c0
#354cc0
Split-Complementary palette of #344cc0:
#354cc0
#3592c0
Rectangle (tetradic) palette of #344cc0:
#354cc0
#c03592
#35c063
#c06335
Suggested colors palettes for #344cc0 HEX:
Colors palette with color #344cc0 #1:
Colors palette with color #344cc0 #2:
Colors palette with color #344cc0 #3:
Colors palette with color #344cc0 #4:
Colors palette with color #344cc0 #5:
Color #344cc0 used in palettes (1)
Color Contrast
Color pairings #344cc0 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#344cc0
#344cc0 Contrast Ratio
7.14:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#344cc0
#344cc0 Contrast Ratio
2.94:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #344cc0 color png
Visit the popular colors list for more colors