#6B7066

Gray

HEX

RGB

HSL

About #6B7066 Gray

#6B7066 is a gray color. In the RGB color model, it is composed of 107 red, 112 green, and 102 blue. In the HSL color space, it has a hue of 90°, saturation of 5%, 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 #6B7066 in your CSS, SCSS, or Tailwind projects.

Color Properties

90°

Hue

5%

Saturation

42%

Lightness

Gray

Color Harmonies

Colors that work well with #6B7066 based on color theory.

Accessibility

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

Aa#6B7066 on White
Contrast Ratio5.08:1
AA AA Large AAA
Aa#6B7066 on Black
Contrast Ratio4.13:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #6B7066 across different color formats.

FormatValue
HEX#6B7066
RGBrgb(107, 112, 102)
HSLhsl(90, 5%, 42%)
RGB Decimal107, 112, 102
RGB Percent42.0%, 43.9%, 40.0%
CMYK (approx.)4%, 0%, 9%, 56%

Related Palettes

12 palettes using #6B7066 or similar colors

#2B2B2B#423F3E#706C61#C8B6A6
#2D3436#636E72#B2BEC3#DFE6E9
#4E5C3D#698A5B#81B37F#ADD2B5
#5A6732#738A5C#8AB87A#A9D5A9
#FAF0E6#CEAB93#AD8B73#886F68
#4B6039#648B5A#7CB67F#B2CDBA
#DAE2B6#CCD6A6#A1C298#6D8B74
#465F3A#5F8B5B#7BB785#ADD1BC
#356435#5A8B67#7DB599#ACD3C9
#546039#708E58#8BB082#ACD3AE
#1B2211#3D521F#5C713D#7A8D5E
#202013#44442C#696945#A0A04A