Created at 03/09/2023 12:51
  22

#5f6a7d HEX Color information

Color HEX RGB
#5f6a7d RGB(95, 106, 125)

RGB values are RGB(95, 106, 125)
#5f6a7d color contain Red 37.25%, Green 41.57% and Blue 49.02%.

Classification of #5f6a7d color

#5f6a7d is Light and Cool Color
Tint of slategrey
Opposite Color for #5f6a7d is #7d725e

#5f6a7d Color Conversion

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

Decimal
6253181
HEX
#5f6a7d
HSL
hsl(218, 14%, 43%)
HSLA
hsla(218, 14%, 43%, 1)
RGB
RGB(95, 106, 125)
RGBA
RGBA(95, 106, 125, 1)

Palettes for #5f6a7d color:

Below examples of color palettes for #5f6a7d HEX color

darkest color is #090b0c from shades and lightest color is #eff0f2 from tints

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

Suggested colors palettes for #5f6a7d HEX:

Colors palette with color #5f6a7d #1:
Colors palette with color #5f6a7d #2:
Colors palette with color #5f6a7d #3:
Colors palette with color #5f6a7d #4:
Colors palette with color #5f6a7d #5:

Color #5f6a7d used in palettes (1)

Color Contrast

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

#5f6a7d
#5f6a7d
Contrast Ratio
5.46:1
SizeAA-levelAAA-level
Large text:
Small text:
#5f6a7d
#5f6a7d
Contrast Ratio
3.84:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #5f6a7d 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