#344e61 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #344e61 | RGB(52, 78, 97) |
Created at 10/29/2026 01:58
RGB values are RGB(52, 78, 97)
#344e61 color contains Red 20.39%, Green 30.59% and Blue 38.04%.
oklch(41.12% 0.045 240.91)
#344e61 color contains Red 20.39%, Green 30.59% and Blue 38.04%.
oklch(41.12% 0.045 240.91)
Color Names of #344e61 HEX code
≈ San Juan
Classification of #344e61 color
#344e61 is Semi dark and Cool Color Saturation 30%, lightness 29%.
Shade of Dark Slate Blue
Alternative colors of #344e61
Opposite Color for #344e61 is #614734
#344e61 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #344e61
cmyk
CMYK(46%, 20%, 0%, 62%)
Decimal
3427937
HEX
#344e61
HSL
hsl(205, 30%, 29%)
HSLA
hsla(205, 30%, 29%, 1)
RGB
RGB(52, 78, 97)
RGBA
RGBA(52, 78, 97, 1)
Palettes for #344e61 color:
Below are examples of color palettes with the #344e61 HEX color
darkest color is #05080a from shades and lightest color is #ebedef from tints
Shades palette of #344e61:
#2f4657
#2a3e4e
#243744
#1f2f3a
#1a2731
#151f27
#10171d
#0a1013
#05080a
#000000
Tints palette of #344e61:
#486071
#5d7181
#718390
#8595a0
#9aa7b0
#aeb8c0
#c2cad0
#d6dcdf
#ebedef
#ffffff
Complementary palette of #344e61:
#344e61
#614734
Triadic palette of #344e61:
#344e61
#61344e
#4e6134
Square palette of #344e61:
#344e61
#5d3461
#614734
#386134
Analogous palette of #344e61:
#34615d
#344e61
#343861
Split-Complementary palette of #344e61:
#344e61
#613438
#615d34
Rectangle (tetradic) palette of #344e61:
#344e61
#473461
#614734
#4e6134
Suggested color palettes for #344e61 HEX:
Color palette with color #344e61 #1:
Color palette with color #344e61 #2:
Color palette with color #344e61 #3:
Color palette with color #344e61 #4:
Color palette with color #344e61 #5:
Color Contrast
Color pairings of #344e61 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#344e61
#344e61Contrast Ratio
8.71:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#344e61
#344e61Contrast Ratio
2.4:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #344e61 color png
Visit the popular colors list for more colors