Skip to main content

#3A6B9C

Share this color with others or download a color card image with HEX and RGB values. Perfect for social media, presentations, or design reference.

All Formats

HEX
#3A6B9C
RGB
rgb(58, 107, 156)
RGBA
rgba(58, 107, 156, 1)
HSL
hsl(210, 45.79%, 41.96%)
HSLA
hsla(210, 46%, 42%, 1)
CMYK
cmyk(63%, 31%, 0%, 39%)

Color Palettes

Harmonious color combinations based on #3A6B9C

Monochromatic

Shades and tints of the same hue

#0E1A25
#294D70
#4580BA
#8FB3D6
#DAE6F1

Analogous

Adjacent colors on the color wheel

#3A9C6B
#3A9C9C
#3A6B9C
#3A3A9C
#6B3A9C

Complementary

Opposite color for maximum contrast

#3A6B9C
#9C6B3A

Triadic

Three evenly spaced colors

#3A6B9C
#9C3A6B
#6B9C3A

CSS Usage Examples

Background

background-color: #3A6B9C;

Text

color: #3A6B9C;

Border

border: 2px solid #3A6B9C;

Shadow

box-shadow: 0 4px 6px #3A6B9C40;
Feedback