Created at 01/20/2024 03:02
  3

#556f8b HEX Color information

Color HEX RGB
#556f8b RGB(85, 111, 139)

RGB values are RGB(85, 111, 139)
#556f8b color contain Red 33.33%, Green 43.53% and Blue 54.51%.

Classification of #556f8b color

#556f8b is Light and Cool Color
Tint of slategrey
Opposite Color for #556f8b is #8b7155

#556f8b Color Conversion

Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #556f8b

Decimal
5599115
HEX
#556f8b
HSL
hsl(211, 24%, 44%)
HSLA
hsla(211, 24%, 44%, 1)
RGB
RGB(85, 111, 139)
RGBA
RGBA(85, 111, 139, 1)

Palettes for #556f8b color:

Below examples of color palettes for #556f8b HEX color

darkest color is #080b0e from shades and lightest color is #eef1f3 from tints

Shades palette of #556f8b:
Tints palette of #556f8b:
Complementary palette of #556f8b:
Triadic palette of #556f8b:
Square palette of #556f8b:
Analogous palette of #556f8b:
Split-Complementary palette of #556f8b:
Rectangle (tetradic) palette of #556f8b:

Suggested colors palettes for #556f8b HEX:

Colors palette with color #556f8b #1:
Colors palette with color #556f8b #2:
Colors palette with color #556f8b #3:
Colors palette with color #556f8b #4:
Colors palette with color #556f8b #5:

Color Contrast

Color pairings #556f8b with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio

#556f8b
#556f8b
Contrast Ratio
5.2:1
SizeAA-levelAAA-level
Large text:
Small text:
#556f8b
#556f8b
Contrast Ratio
4.03:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #556f8b color png

Palette colors: How to use?

Click on any color to add in Palette
Quick palette
Maximum 10 palettes Compare
Click on «Compare» icon to add Palette in Compare List Palettes
Compare Palettes