Skip to the color picker

#358f76 color: Illuminating Emerald

#358f76 is rgb(53, 143, 118) in RGB and oklch(58.92% 0.09392 171.482) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

163°
100%

58.9%
0.094
171°
  • Emerald
  • Medium
  • Vivid
  • Cool
  • ≈ Teal
  • teal-600
  • Black 44%

Inside sRGB: displays the same on any screen.

White text
3.93:1Hard to read
Lc -72
Black text
5.34:1Readable · AA
Lc 38

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 #358f76

#358f76 is a bright emerald color. In OKLCH it has 58.9% lightness, 0.094 chroma and a hue of 171°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Illuminating Emerald (#319177). In Tailwind CSS the closest color is teal-600.

More medium emerald colors

Lighter: #358f76 mixed with white

  1. 358f76
  2. 4d9a83
  3. 63a590
  4. 77b09d
  5. 8bbbab
  6. 9ec6b8
  7. b2d2c6
  8. c5ddd4
  9. d8e8e2
  10. ecf4f1

Darker: #358f76 mixed with black

  1. 358f76
  2. 2d7c66
  3. 256956
  4. 1d5747
  5. 154538
  6. 0e3429
  7. 08241c
  8. 03150f
  9. 010705
  10. 000101

Calmer: #358f76 with less saturation

  1. 358f76
  2. 408d77
  3. 4a8c77
  4. 528a78
  5. 5a8879
  6. 608679
  7. 67857a
  8. 6d837b
  9. 72817c
  10. 787f7c

Questions about #358f76

What color is #358f76?

#358f76 is bright emerald. The closest named color is Illuminating Emerald. In RGB it is rgb(53, 143, 118), in HSL hsl(163.33, 45.92%, 38.43%) and in OKLCH oklch(58.92% 0.09392 171.482).

What colors go well with #358f76?

The complementary color of #358f76 is #a86583. For a calmer combination use the analogous colors #5c8b56 and #1d8d94. The triadic partners are #7e73b1 and #a96c47.

Is white or black text more readable on #358f76?

White text reads better on #358f76: white gives a contrast ratio of 3.93:1 and black gives 5.34:1. WCAG AA asks for at least 4.5:1 for body text.

Is #358f76 a warm or cool color?

#358f76 is a cool color. In OKLCH its hue is 171 degrees, its lightness 58.9% and its chroma 0.094.