Skip to main content

#695A6D

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
#695A6D
RGB
rgb(105, 90, 109)
RGBA
rgba(105, 90, 109, 1)
HSL
hsl(287.37, 9.55%, 39.02%)
HSLA
hsla(287, 10%, 39%, 1)
CMYK
cmyk(4%, 17%, 0%, 57%)

Color Palettes

Harmonious color combinations based on #695A6D

Monochromatic

Shades and tints of the same hue

#1B171C
#514554
#87738C
#B7ABBA
#E7E3E8

Analogous

Adjacent colors on the color wheel

#5A5E6D
#5F5A6D
#695A6D
#6D5A68
#6D5A5E

Complementary

Opposite color for maximum contrast

#695A6D
#5E6D5A

Triadic

Three evenly spaced colors

#695A6D
#6D695A
#5A6D69

CSS Usage Examples

Background

background-color: #695A6D;

Text

color: #695A6D;

Border

border: 2px solid #695A6D;

Shadow

box-shadow: 0 4px 6px #695A6D40;
Feedback