Skip to main content

#0C86A1

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
#0C86A1
RGB
rgb(12, 134, 161)
RGBA
rgba(12, 134, 161, 1)
HSL
hsl(190.87, 86.13%, 33.92%)
HSLA
hsla(191, 86%, 34%, 1)
CMYK
cmyk(93%, 17%, 0%, 37%)

Color Palettes

Harmonious color combinations based on #0C86A1

Monochromatic

Shades and tints of the same hue

#04272F
#0B768E
#12C5ED
#71DCF4
#D0F3FB

Analogous

Adjacent colors on the color wheel

#0CA127
#0CA172
#0C86A1
#0C3BA1
#270CA1

Complementary

Opposite color for maximum contrast

#0C86A1
#A1270C

Triadic

Three evenly spaced colors

#0C86A1
#A10C86
#86A10C

CSS Usage Examples

Background

background-color: #0C86A1;

Text

color: #0C86A1;

Border

border: 2px solid #0C86A1;

Shadow

box-shadow: 0 4px 6px #0C86A140;
Feedback