Skip to main content

#0086AC

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
#0086AC
RGB
rgb(0, 134, 172)
RGBA
rgba(0, 134, 172, 1)
HSL
hsl(193.26, 100%, 33.73%)
HSLA
hsla(193, 100%, 34%, 1)
CMYK
cmyk(100%, 22%, 0%, 33%)

Color Palettes

Harmonious color combinations based on #0086AC

Monochromatic

Shades and tints of the same hue

#002833
#007899
#00C8FF
#66DEFF
#CCF4FF

Analogous

Adjacent colors on the color wheel

#00AD26
#00AD7C
#0086AC
#0031AD
#2600AD

Complementary

Opposite color for maximum contrast

#0086AC
#AD2600

Triadic

Three evenly spaced colors

#0086AC
#AD0088
#88AD00

CSS Usage Examples

Background

background-color: #0086AC;

Text

color: #0086AC;

Border

border: 2px solid #0086AC;

Shadow

box-shadow: 0 4px 6px #0086AC40;
Feedback