#746374

Gray

HEX

RGB

HSL

About #746374 Gray

#746374 is a gray color. In the RGB color model, it is composed of 116 red, 99 green, and 116 blue. In the HSL color space, it has a hue of 300°, saturation of 8%, and lightness of 42%.

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 #746374 in your CSS, SCSS, or Tailwind projects.

Color Properties

300°

Hue

8%

Saturation

42%

Lightness

Gray

Color Harmonies

Colors that work well with #746374 based on color theory.

Accessibility

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

Aa#746374 on White
Contrast Ratio5.56:1
AA AA Large AAA
Aa#746374 on Black
Contrast Ratio3.78:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #746374 across different color formats.

FormatValue
HEX#746374
RGBrgb(116, 99, 116)
HSLhsl(300, 8%, 42%)
RGB Decimal116, 99, 116
RGB Percent45.5%, 38.8%, 45.5%
CMYK (approx.)0%, 15%, 0%, 55%

Related Palettes

12 palettes using #746374 or similar colors

#2D3436#636E72#B2BEC3#DFE6E9
#F0EBE3#E4DCCF#7D6E83#555273
#2B2B2B#423F3E#706C61#C8B6A6
#60395A#8A5B77#BA788E#D5AAAE
#433960#735B8B#A580B2#D4ABD4
#433564#755A8B#A781B1#D1ADD0
#463960#775A8C#AC7DB5#CCB2CA
#FAF0E6#CEAB93#AD8B73#886F68
#3F3564#70598C#A777BB#D1ACD3
#23101C#521E40#6C415D#8D5E7C
#3E3960#6D598C#A278BA#CEACD3
#150F24#30264A#47337B#6B5E8D