HSL(85, 5%, 49%)

Grayish Gray — Gray color

Adjust Color

Color Information

Color Name

Grayish Gray

Color Family

Gray

Warm / Cool

🔵 Cool

Temperature

N/A

CSS Class

bg-[hsl(85,5%,49%)]

Color Conversions

Format Value CSS Usage
HSL hsl(85, 5%, 49%) color: hsl(85, 5%, 49%)
HEX #7E8377 color: #7E8377
RGB rgb(126, 131, 119) color: rgb(126, 131, 119)
CMYK cmyk(4%, 0%, 9%, 49%) —
HSV hsv(85, 9%, 51%) —
HWB hwb(85 46% 49%) color: hwb(85 46% 49%)
OKLCH oklch(0.6021 0.0187 125.48) color: oklch(0.6021 0.0187 125.48)
Lab lab(54.03 -4.2 5.85) color: lab(54.03 -4.2 5.85)
LCH lch(54.03 7.2 125.68) color: lch(54.03 7.2 125.68)

Color Theory

Complementary

Triadic

Analogous

Tetradic (Square)

Split-Complementary

Accessibility (WCAG)

White text on color

Black text on color

Color on white bg

Colored text

Contrast Ratios

vs White 3.89:1
vs Black 5.4:1

AA Normal (4.5:1)

on White: FAIL ✗ on Black: PASS ✓

AA Large (3:1)

on White: PASS ✓ on Black: PASS ✓

AAA Normal (7:1)

on White: FAIL ✗

Best text on this color: black

Color Blindness Simulation

Protanopia (Red-blind)

#80807A — rgb(128, 128, 122)

Deuteranopia (Green-blind)

#80807B — rgb(128, 128, 123)

Tritanopia (Blue-blind)

#7E7C7D — rgb(126, 124, 125)

Tints & Shades

Tints (Lighter →)

← Shades (Darker)

Saturation (0% → 100%)

CSS Code Snippets

background

background-color: hsl(85, 5%, 49%);

text

color: hsl(85, 5%, 49%);

border

border: 2px solid hsl(85, 5%, 49%);

gradient light

background: linear-gradient(to right, hsl(85, 5%, 69%), hsl(85, 5%, 49%));

gradient dark

background: linear-gradient(to right, hsl(85, 5%, 49%), hsl(85, 5%, 29%))

hex

background-color: #7E8377;

tailwind

bg-[hsl(85,5%,49%)]

box shadow

box-shadow: 0 4px 6px -1px hsl(85, 5%, 49%, 0.4);

css variable

--color-primary: hsl(85, 5%, 49%);

Related Colors

#7D7D7D

85,0,49

#829C5E

85,25,49

#4B4E46

85,5,29

#B1B4AC

85,5,69

#818377

70,5,49

#808377

75,5,49

#7C8377

95,5,49

#7B8377

100,5,49

Use Cases for Grayish Gray

Neutral backgrounds Body text Borders Secondary buttons Disabled states

Frequently Asked Questions

What are all the color codes for HSL(85, 5%, 49%)?

HEX: #7E8377 | RGB: rgb(126, 131, 119) | CMYK: 4%, 0%, 9%, 49% | HSV: 85°, 9%, 51%. Copy any format from the conversion table above.

What colors go well with #7E8377?

The complementary color is HSL(265, 5%, 49%). For a triadic harmony, use hues 85°, 205°, and 325°. For analogous combinations, try hues 55° and 115°. See the Color Harmony section above for complete palettes with previews.

How do I use HSL(85, 5%, 49%) in CSS?

As HSL: color: hsl(85, 5%, 49%); — As HEX: color: #7E8377; — As RGB: color: rgb(126, 131, 119); — Tailwind CSS: bg-[hsl(85,5%,49%)] — CSS variable: --color-primary: hsl(85, 5%, 49%);