#334a72 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #334a72 | RGB(51, 74, 114) |
Created at 11/04/2026 23:33
RGB values are RGB(51, 74, 114)
#334a72 color contains Red 20%, Green 29.02% and Blue 44.71%.
oklch(40.96% 0.0734 260.95)
#334a72 color contains Red 20%, Green 29.02% and Blue 44.71%.
oklch(40.96% 0.0734 260.95)
Color Names of #334a72 HEX code
≈ San Juan
Classification of #334a72 color
#334a72 is Semi dark and Cool Color Saturation 38%, lightness 32%.
Shade of Dark Slate Blue
Alternative colors of #334a72
Opposite Color for #334a72 is #725b33
#334a72 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #334a72
cmyk
CMYK(55%, 35%, 0%, 55%)
Decimal
3361394
HEX
#334a72
HSL
hsl(218, 38%, 32%)
HSLA
hsla(218, 38%, 32%, 1)
RGB
RGB(51, 74, 114)
RGBA
RGBA(51, 74, 114, 1)
Palettes for #334a72 color:
Below are examples of color palettes with the #334a72 HEX color
darkest color is #05070b from shades and lightest color is #ebedf1 from tints
Shades palette of #334a72:
#2e4367
#293b5b
#243450
#1f2c44
#1a2539
#141e2e
#0f1622
#0a0f17
#05070b
#000000
Tints palette of #334a72:
#475c80
#5c6e8e
#70809c
#8592aa
#99a5b9
#adb7c7
#c2c9d5
#d6dbe3
#ebedf1
#ffffff
Complementary palette of #334a72:
#334a72
#725b33
Triadic palette of #334a72:
#334a72
#72334a
#4a7233
Square palette of #334a72:
#334a72
#72336a
#725b33
#33723b
Analogous palette of #334a72:
#336a72
#334a72
#3b3372
Split-Complementary palette of #334a72:
#334a72
#723b33
#6a7233
Rectangle (tetradic) palette of #334a72:
#334a72
#5b3372
#725b33
#4a7233
Suggested color palettes for #334a72 HEX:
Color palette with color #334a72 #1:
Color palette with color #334a72 #2:
Color palette with color #334a72 #3:
Color palette with color #334a72 #4:
Color palette with color #334a72 #5:
Color #334a72 used in palettes (1)
Color Contrast
Color pairings of #334a72 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#334a72
#334a72Contrast Ratio
8.88:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#334a72
#334a72Contrast Ratio
2.36:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #334a72 color png
Visit the popular colors list for more colors