Skip to the color picker

#338b68 color: Exquisite Emerald

#338b68 is rgb(51, 139, 104) in RGB and oklch(57.411% 0.1005 163.606) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

156°
100%

57.4%
0.101
164°
  • Emerald
  • Medium
  • Vivid
  • Cool
  • ≈ Teal
  • emerald-600
  • Black 45%

Inside sRGB: displays the same on any screen.

White text
4.17:1Hard to read
Lc -74
Black text
5.03:1Readable · AA
Lc 36

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 #338b68

#338b68 is a bright emerald color. In OKLCH it has 57.4% lightness, 0.101 chroma and a hue of 164°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Exquisite Emerald (#338860). In Tailwind CSS the closest color is emerald-600.

More medium emerald colors

Lighter: #338b68 mixed with white

  1. 338b68
  2. 4b9676
  3. 61a284
  4. 75ad93
  5. 89b9a2
  6. 9dc4b1
  7. b0d0c0
  8. c4dccf
  9. d8e7df
  10. ebf3ef

Darker: #338b68 mixed with black

  1. 338b68
  2. 2b7859
  3. 23664b
  4. 1c543e
  5. 144330
  6. 0d3224
  7. 072318
  8. 03140c
  9. 010704
  10. 000100

Calmer: #338b68 with less saturation

  1. 338b68
  2. 3e896a
  3. 47886b
  4. 4f866d
  5. 56846f
  6. 5d8270
  7. 638072
  8. 697e74
  9. 6e7d75
  10. 737a77

Questions about #338b68

What color is #338b68?

#338b68 is bright emerald. The closest named color is Exquisite Emerald. In RGB it is rgb(51, 139, 104), in HSL hsl(156.14, 46.32%, 37.25%) and in OKLCH oklch(57.411% 0.1005 163.606).

What colors go well with #338b68?

The complementary color of #338b68 is #a25f88. For a calmer combination use the analogous colors #608546 and #008b89. The triadic partners are #7170b2 and #aa6446.

Is white or black text more readable on #338b68?

White text reads better on #338b68: white gives a contrast ratio of 4.17:1 and black gives 5.03:1. WCAG AA asks for at least 4.5:1 for body text.

Is #338b68 a warm or cool color?

#338b68 is a cool color. In OKLCH its hue is 164 degrees, its lightness 57.4% and its chroma 0.101.