Skip to main content

#2685E4

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
#2685E4
RGB
rgb(38, 133, 228)
RGBA
rgba(38, 133, 228, 1)
HSL
hsl(210, 77.87%, 52.16%)
HSLA
hsla(210, 78%, 52%, 1)
CMYK
cmyk(83%, 42%, 0%, 11%)

Color Palettes

Harmonious color combinations based on #2685E4

Monochromatic

Shades and tints of the same hue

#061A2D
#114D88
#1C80E3
#77B3EE
#D2E6F9

Analogous

Adjacent colors on the color wheel

#25E485
#25E4E4
#2685E4
#2525E4
#8525E4

Complementary

Opposite color for maximum contrast

#2685E4
#E48525

Triadic

Three evenly spaced colors

#2685E4
#E42585
#85E425

CSS Usage Examples

Background

background-color: #2685E4;

Text

color: #2685E4;

Border

border: 2px solid #2685E4;

Shadow

box-shadow: 0 4px 6px #2685E440;
Feedback