#344ca3 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #344ca3 | RGB(52, 76, 163) |
Created at 03/07/2023 18:37
Classification of #344ca3 color
#344ca3 is Semi dark and Cool Color Saturation 52%, lightness 42%.
Tint of darkslateblue
RGB values are RGB(52, 76, 163)
#344ca3 color contains Red 20.39%, Green 29.8% and Blue 63.92%.
oklch(44.80% 0.1433 268.44)
#344ca3 color contains Red 20.39%, Green 29.8% and Blue 63.92%.
oklch(44.80% 0.1433 268.44)
Color Names of #344ca3 HEX code
≈ Sapphire
Alternative colors of #344ca3
Opposite Color for #344ca3 is #a38b34
#344ca3 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #344ca3
Decimal
3427491
HEX
#344ca3
HSL
hsl(227, 52%, 42%)
HSLA
hsla(227, 52%, 42%, 1)
RGB
RGB(52, 76, 163)
RGBA
RGBA(52, 76, 163, 1)
Palettes for #344ca3 color:
Below examples of color palettes for #344ca3 HEX color
darkest color is #050810 from shades and lightest color is #ebedf6 from tints
Shades palette of #344ca3:
#2f4493
#2a3d82
#243572
#1f2e62
#1a2652
#151e41
#101731
#0a0f21
#050810
#000000
Tints palette of #344ca3:
#485eac
#5d70b5
#7182bf
#8594c8
#9aa6d1
#aeb7da
#c2c9e3
#d6dbed
#ebedf6
#ffffff
Complementary palette of #344ca3:
#344ca3
#a38b34
Triadic palette of #344ca3:
#344ca3
#a3344c
#4ca334
Square palette of #344ca3:
#344ca3
#a33483
#a38b34
#34a354
Analogous palette of #344ca3:
#3483a3
#344ca3
#5434a3
Split-Complementary palette of #344ca3:
#344ca3
#a35434
#84a334
Rectangle (tetradic) palette of #344ca3:
#344ca3
#8b34a3
#a38b34
#4ca334
Suggested color palettes for #344ca3 HEX:
Color palette with color #344ca3 #1:
Color palette with color #344ca3 #2:
Color palette with color #344ca3 #3:
Color palette with color #344ca3 #4:
Color palette with color #344ca3 #5:
Color #344ca3 used in palettes (1)
Color Contrast
Color pairings #344ca3 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#344ca3
#344ca3 Contrast Ratio
7.75:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#344ca3
#344ca3 Contrast Ratio
2.7:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #344ca3 color png
Visit the popular colors list for more colors