#34657F

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

#34657F

RGB

rgb(52, 101, 127)

RGBA

rgba(52, 101, 127, 1)

HSL

hsl(200.8, 41.9%, 35.1%)

HSLA

hsla(201, 42%, 35%, 1)

CMYK

cmyk(59%, 20%, 0%, 50%)

Color Palettes

Harmonious color combinations based on #34657F

Monochromatic

Shades and tints of the same hue

#0F1D24

#2C566D

#4A90B5

#92BCD3

#DBE9F0

Analogous

Adjacent colors on the color wheel

#347F4E

#347F73

#34657F

#343F7F

#4E347F

Complementary

Opposite color for maximum contrast

#34657F

#7F4E34

Triadic

Three evenly spaced colors

#34657F

#7F3464

#647F34

CSS Usage Examples

Background

background-color: #34657F;

Text

color: #34657F;

Border

border: 2px solid #34657F;

Shadow

box-shadow: 0 4px 6px #34657F40;

Related Colors

Discover harmonious color variations

Complementary

#7F4E34

Opposite on color wheel

Lighter

#5D9BBC

+20% lightness

Darker

#162B37

-20% lightness

Analogous -30°

#347F73

Adjacent color

Analogous +30°

#343F7F

Adjacent color