#787387

Gray

HEX

RGB

HSL

About #787387 Gray

#787387 is a gray color. In the RGB color model, it is composed of 120 red, 115 green, and 135 blue. In the HSL color space, it has a hue of 255°, saturation of 8%, and lightness of 49%.

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

Color Properties

255°

Hue

8%

Saturation

49%

Lightness

Gray

Color Harmonies

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

Accessibility

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

Aa#787387 on White
Contrast Ratio4.56:1
AA AA Large AAA
Aa#787387 on Black
Contrast Ratio4.6:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #787387 across different color formats.

FormatValue
HEX#787387
RGBrgb(120, 115, 135)
HSLhsl(255, 8%, 49%)
RGB Decimal120, 115, 135
RGB Percent47.1%, 45.1%, 52.9%
CMYK (approx.)11%, 15%, 0%, 47%

Related Palettes

12 palettes using #787387 or similar colors

#F0EBE3#E4DCCF#7D6E83#555273
#1B2430#51557E#816797#D6D5A8
#1B141F#3E244D#5D426C#7D5D8E
#1D1221#431E52#60416C#805D8E
#150F24#30264A#47337B#6B5E8D
#463960#775A8C#AC7DB5#CCB2CA
#7F669D#BA94D1#DEBACE#FBFACD
#1A1320#3B2050#59426C#795A90
#F39C12#D35400#C0392B#7F8C8D
#ECF0F1#BDC3C7#95A5A6#7F8C8D
#95A5A6#7F8C8D#34495E#2C3E50
#E67E22#D35400#95A5A6#7F8C8D