Created at 12/08/2023 10:38
  4

#486d7f HEX Color information

Color HEX RGB
#486d7f RGB(72, 109, 127)

RGB values are RGB(72, 109, 127)
#486d7f color contain Red 28.24%, Green 42.75% and Blue 49.8%.

Classification of #486d7f color

#486d7f is Light and Cool Color
Tint of slategrey
Opposite Color for #486d7f is #7f5a48

#486d7f Color Conversion

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

Decimal
4746623
HEX
#486d7f
HSL
hsl(200, 28%, 39%)
HSLA
hsla(200, 28%, 39%, 1)
RGB
RGB(72, 109, 127)
RGBA
RGBA(72, 109, 127, 1)

Palettes for #486d7f color:

Below examples of color palettes for #486d7f HEX color

darkest color is #070b0d from shades and lightest color is #edf0f2 from tints

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

Suggested colors palettes for #486d7f HEX:

Colors palette with color #486d7f #1:
Colors palette with color #486d7f #2:
Colors palette with color #486d7f #3:
Colors palette with color #486d7f #4:
Colors palette with color #486d7f #5:

Color Contrast

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

#486d7f
#486d7f
Contrast Ratio
5.57:1
SizeAA-levelAAA-level
Large text:
Small text:
#486d7f
#486d7f
Contrast Ratio
3.76:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #486d7f 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