Skip to main content

#106CFF

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

Color Palettes

Harmonious color combinations based on #106CFF

Monochromatic

Shades and tints of the same hue

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

Analogous

Adjacent colors on the color wheel

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

Complementary

Opposite color for maximum contrast

#106CFF
#FFA30F

Triadic

Three evenly spaced colors

#106CFF
#FF0F6B
#6BFF0F

CSS Usage Examples

Background

background-color: #106CFF;

Text

color: #106CFF;

Border

border: 2px solid #106CFF;

Shadow

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