#6BA4B8

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

#6BA4B8

RGB

rgb(107, 164, 184)

RGBA

rgba(107, 164, 184, 1)

HSL

hsl(195.58, 35.16%, 57.06%)

HSLA

hsla(196, 35%, 57%, 1)

CMYK

cmyk(42%, 11%, 0%, 28%)

Color Palettes

Harmonious color combinations based on #6BA4B8

Monochromatic

Shades and tints of the same hue

#111E22

#325967

#5394AC

#98BFCD

#DDEAEE

Analogous

Adjacent colors on the color wheel

#6BB87F

#6BB8A6

#6BA4B8

#6B7DB8

#7F6BB8

Complementary

Opposite color for maximum contrast

#6BA4B8

#B87F6B

Triadic

Three evenly spaced colors

#6BA4B8

#B86BA3

#A3B86B

CSS Usage Examples

Background

background-color: #6BA4B8;

Text

color: #6BA4B8;

Border

border: 2px solid #6BA4B8;

Shadow

box-shadow: 0 4px 6px #6BA4B840;

Related Colors

Discover harmonious color variations

Complementary

#B87F6B

Opposite on color wheel

Lighter

#B0CED9

+20% lightness

Darker

#3D6E80

-20% lightness

Analogous -30°

#6BB8A5

Adjacent color

Analogous +30°

#6B7EB8

Adjacent color