Skip to main content

#2684D7

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
#2684D7
RGB
rgb(38, 132, 215)
RGBA
rgba(38, 132, 215, 1)
HSL
hsl(208.14, 69.96%, 49.61%)
HSLA
hsla(208, 70%, 50%, 1)
CMYK
cmyk(82%, 39%, 0%, 16%)

Color Palettes

Harmonious color combinations based on #2684D7

Monochromatic

Shades and tints of the same hue

#081B2B
#175082
#2685D9
#7DB6E8
#D4E7F7

Analogous

Adjacent colors on the color wheel

#26D97A
#26D9D3
#2684D7
#262CD9
#7A26D9

Complementary

Opposite color for maximum contrast

#2684D7
#D97A26

Triadic

Three evenly spaced colors

#2684D7
#D92685
#85D926

CSS Usage Examples

Background

background-color: #2684D7;

Text

color: #2684D7;

Border

border: 2px solid #2684D7;

Shadow

box-shadow: 0 4px 6px #2684D740;
Feedback