#697463

Gray

HEX

RGB

HSL

About #697463 Gray

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

Color Properties

99°

Hue

8%

Saturation

42%

Lightness

Gray

Color Harmonies

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

Accessibility

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

Aa#697463 on White
Contrast Ratio4.91:1
AA AA Large AAA
Aa#697463 on Black
Contrast Ratio4.28:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #697463 across different color formats.

FormatValue
HEX#697463
RGBrgb(105, 116, 99)
HSLhsl(99, 8%, 42%)
RGB Decimal105, 116, 99
RGB Percent41.2%, 45.5%, 38.8%
CMYK (approx.)9%, 0%, 15%, 55%

Related Palettes

12 palettes using #697463 or similar colors

#2B2B2B#423F3E#706C61#C8B6A6
#2D3436#636E72#B2BEC3#DFE6E9
#DAE2B6#CCD6A6#A1C298#6D8B74
#172013#31462A#4E6945#69905B
#152310#2D4F21#49743A#689159
#416732#5A8D58#79B987#AAD4BE
#FAF0E6#CEAB93#AD8B73#886F68
#202013#44442C#696945#A0A04A
#376245#5B8A76#82B0A7#ACD0D2
#192310#364C24#556845#739159
#3E6039#578F5D#79B990#ACD3C4
#5B6237#778F56#92AF83#AED4AA