Skip to main content

#106DFF

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
#106DFF
RGB
rgb(16, 109, 255)
RGBA
rgba(16, 109, 255, 1)
HSL
hsl(216.65, 100%, 53.14%)
HSLA
hsla(217, 100%, 53%, 1)
CMYK
cmyk(94%, 57%, 0%, 0%)

Color Palettes

Harmonious color combinations based on #106DFF

Monochromatic

Shades and tints of the same hue

#001433
#003B99
#0062FF
#66A1FF
#CCE0FF

Analogous

Adjacent colors on the color wheel

#0FFFA3
#0FE3FF
#106DFF
#2B0FFF
#A30FFF

Complementary

Opposite color for maximum contrast

#106DFF
#FFA30F

Triadic

Three evenly spaced colors

#106DFF
#FF0F6B
#6BFF0F

CSS Usage Examples

Background

background-color: #106DFF;

Text

color: #106DFF;

Border

border: 2px solid #106DFF;

Shadow

box-shadow: 0 4px 6px #106DFF40;
Feedback