#657364

Gray

HEX

RGB

HSL

About #657364 Gray

#657364 is a gray color. In the RGB color model, it is composed of 101 red, 115 green, and 100 blue. In the HSL color space, it has a hue of 116°, saturation of 7%, 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 #657364 in your CSS, SCSS, or Tailwind projects.

Color Properties

116°

Hue

7%

Saturation

42%

Lightness

Gray

Color Harmonies

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

Accessibility

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

Aa#657364 on White
Contrast Ratio5.01:1
AA AA Large AAA
Aa#657364 on Black
Contrast Ratio4.19:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #657364 across different color formats.

FormatValue
HEX#657364
RGBrgb(101, 115, 100)
HSLhsl(116, 7%, 42%)
RGB Decimal101, 115, 100
RGB Percent39.6%, 45.1%, 39.2%
CMYK (approx.)12%, 0%, 13%, 55%

Related Palettes

12 palettes using #657364 or similar colors

#2B2B2B#423F3E#706C61#C8B6A6
#2D3436#636E72#B2BEC3#DFE6E9
#DAE2B6#CCD6A6#A1C298#6D8B74
#172013#31462A#4E6945#69905B
#416732#5A8D58#79B987#AAD4BE
#376245#5B8A76#82B0A7#ACD0D2
#3E6039#578F5D#79B990#ACD3C4
#152310#2D4F21#49743A#689159
#3A6435#568F5E#83AF94#A9D5C5
#202013#44442C#696945#A0A04A
#356449#5C8A7B#7DB5B2#ACCBD3
#1E2112#46521E#616B43#8B9E4D