Skip to main content

#106AFF

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

Color Palettes

Harmonious color combinations based on #106AFF

Monochromatic

Shades and tints of the same hue

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

Analogous

Adjacent colors on the color wheel

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

Complementary

Opposite color for maximum contrast

#106AFF
#FFA30F

Triadic

Three evenly spaced colors

#106AFF
#FF0F6B
#6BFF0F

CSS Usage Examples

Background

background-color: #106AFF;

Text

color: #106AFF;

Border

border: 2px solid #106AFF;

Shadow

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