Skip to the color picker

#5ba685 color: Laurel Wreath

#5ba685 is rgb(91, 166, 133) in RGB and oklch(66.699% 0.09065 163.668) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

154°
100%

66.7%
0.091
164°
  • Emerald
  • Medium
  • Soft
  • Cool
  • ≈ Mint
  • teal-500
  • Black 35%

Inside sRGB: displays the same on any screen.

White text
2.90:1Hard to read
Lc -61
Black text
7.24:1Readable · AA
Lc 49

Shades

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

Harmonies

Open as palette

Recent

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

About #5ba685

#5ba685 is a soft emerald color. In OKLCH it has 66.7% lightness, 0.091 chroma and a hue of 164°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.9:1 contrast and black text 7.24:1, so black text reads better.

The closest named color is Laurel Wreath (#52a786). In Tailwind CSS the closest color is teal-500.

More medium emerald colors

Lighter: #5ba685 mixed with white

  1. 5ba685
  2. 6daf91
  3. 7eb89c
  4. 8ec0a8
  5. 9ec9b4
  6. aed2c0
  7. bfdbcd
  8. cfe4d9
  9. dfede6
  10. eff6f2

Darker: #5ba685 mixed with black

  1. 5ba685
  2. 4e9073
  3. 417a61
  4. 356550
  5. 295140
  6. 1e3e30
  7. 132b21
  8. 091a13
  9. 030a06
  10. 000101

Calmer: #5ba685 with less saturation

  1. 5ba685
  2. 62a487
  3. 69a388
  4. 70a18a
  5. 769f8b
  6. 7b9e8d
  7. 819c8e
  8. 869a90
  9. 8b9891
  10. 909693

Similar named colors

Colors that go with #5ba685

Complementary
#5ba685#bc7ea2
Analogous
#5ba685#7ea167#44a6a4
Triadic
#5ba685#8d8dca#c38266
Split
#5ba685#a884bc#c57d84

Questions about #5ba685

What color is #5ba685?

#5ba685 is soft emerald. The closest named color is Laurel Wreath. In RGB it is rgb(91, 166, 133), in HSL hsl(153.6, 29.64%, 50.39%) and in OKLCH oklch(66.699% 0.09065 163.668).

What colors go well with #5ba685?

The complementary color of #5ba685 is #bc7ea2. For a calmer combination use the analogous colors #7ea167 and #44a6a4. The triadic partners are #8d8dca and #c38266.

Is white or black text more readable on #5ba685?

Black text reads better on #5ba685: white gives a contrast ratio of 2.9:1 and black gives 7.24:1. WCAG AA asks for at least 4.5:1 for body text.

Is #5ba685 a warm or cool color?

#5ba685 is a cool color. In OKLCH its hue is 164 degrees, its lightness 66.7% and its chroma 0.091.