#746B80

Gray

HEX

RGB

HSL

About #746B80 Gray

#746B80 is a gray color. In the RGB color model, it is composed of 116 red, 107 green, and 128 blue. In the HSL color space, it has a hue of 266°, saturation of 9%, and lightness of 46%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With low saturation, it appears muted and subtle.

CSS Code

Use #746B80 in your CSS, SCSS, or Tailwind projects.

Color Properties

266°

Hue

9%

Saturation

46%

Lightness

Gray

Color Harmonies

Colors that work well with #746B80 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #746B80 against white and black backgrounds.

Aa#746B80 on White
Contrast Ratio5.05:1
AA AA Large AAA
Aa#746B80 on Black
Contrast Ratio4.16:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #746B80 across different color formats.

FormatValue
HEX#746B80
RGBrgb(116, 107, 128)
HSLhsl(266, 9%, 46%)
RGB Decimal116, 107, 128
RGB Percent45.5%, 42.0%, 50.2%
CMYK (approx.)9%, 16%, 0%, 50%

Related Palettes

12 palettes using #746B80 or similar colors

#F0EBE3#E4DCCF#7D6E83#555273
#150F24#30264A#47337B#6B5E8D
#463960#775A8C#AC7DB5#CCB2CA
#1B141F#3E244D#5D426C#7D5D8E
#3F3564#70598C#A777BB#D1ACD3
#2D3436#636E72#B2BEC3#DFE6E9
#3E3960#6D598C#A278BA#CEACD3
#1D1221#431E52#60416C#805D8E
#171023#352B45#4D2F7E#6F5A90
#1A1320#3B2050#59426C#795A90
#373267#6A588D#9E7CB6#CAAFCF
#1C1023#3E2150#5C406D#7C5991