Skip to main content

#3F8ACD

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
#3F8ACD
RGB
rgb(63, 138, 205)
RGBA
rgba(63, 138, 205, 1)
HSL
hsl(208.31, 58.68%, 52.55%)
HSLA
hsla(208, 59%, 53%, 1)
CMYK
cmyk(69%, 33%, 0%, 20%)

Color Palettes

Harmonious color combinations based on #3F8ACD

Monochromatic

Shades and tints of the same hue

#0A1B29
#1F507A
#3485CB
#85B6E0
#D6E7F5

Analogous

Adjacent colors on the color wheel

#40CE82
#40CEC9
#3F8ACD
#4045CE
#8240CE

Complementary

Opposite color for maximum contrast

#3F8ACD
#CE8240

Triadic

Three evenly spaced colors

#3F8ACD
#CE408C
#8CCE40

CSS Usage Examples

Background

background-color: #3F8ACD;

Text

color: #3F8ACD;

Border

border: 2px solid #3F8ACD;

Shadow

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