Skip to the color picker

#977f81 color: Opium

#977f81 is rgb(151, 127, 129) in RGB and oklch(61.935% 0.02968 12.303) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

355°
100%

61.9%
0.030
12°
  • Rose
  • Medium
  • Muted
  • Dusty
  • Warm
  • ≈ Gray
  • olive-500
  • Black 41%

Inside sRGB: displays the same on any screen.

White text
3.70:1Hard to read
Lc -70
Black text
5.67:1Readable · AA
Lc 39

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

About #977f81

#977f81 is a dusty rose color. In OKLCH it has 61.9% lightness, 0.03 chroma and a hue of 12°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.7:1 contrast and black text 5.67:1, so white text reads better.

The closest named color is Opium (#987e7e). In Tailwind CSS the closest color is olive-500.

More medium rose colors

Lighter: #977f81 mixed with white

Darker: #977f81 mixed with black

Calmer: #977f81 with less saturation

Similar named colors

Colors that go with #977f81

Complementary
Analogous
Triadic
Split

Questions about #977f81

What color is #977f81?

#977f81 is dusty rose. The closest named color is Opium. In RGB it is rgb(151, 127, 129), in HSL hsl(355, 10.34%, 54.51%) and in OKLCH oklch(61.935% 0.02968 12.303).

What colors go well with #977f81?

The complementary color of #977f81 is #728c8b. For a calmer combination use the analogous colors #937f8b and #968178. The triadic partners are #7f8a78 and #798898.

Is white or black text more readable on #977f81?

White text reads better on #977f81: white gives a contrast ratio of 3.7:1 and black gives 5.67:1. WCAG AA asks for at least 4.5:1 for body text.

Is #977f81 a warm or cool color?

#977f81 is a warm color. In OKLCH its hue is 12 degrees, its lightness 61.9% and its chroma 0.03.