Skip to the color picker

#338f64 color: Viridian

#338f64 is rgb(51, 143, 100) in RGB and oklch(58.377% 0.10977 159.592) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

152°
100%

58.4%
0.110
160°
  • Emerald
  • Medium
  • Vivid
  • Cool
  • ≈ Jade
  • emerald-600
  • Black 44%

Inside sRGB: displays the same on any screen.

White text
4.00:1Hard to read
Lc -72
Black text
5.25:1Readable · AA
Lc 37

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

#338f64 is a bright emerald color. In OKLCH it has 58.4% lightness, 0.11 chroma and a hue of 160°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Viridian (#1e9167). In Tailwind CSS the closest color is emerald-600.

More medium emerald colors

Lighter: #338f64 mixed with white

  1. 338f64
  2. 4c9a73
  3. 62a581
  4. 76b090
  5. 8abb9f
  6. 9ec7af
  7. b1d2bf
  8. c4ddce
  9. d8e8de
  10. ebf4ef

Darker: #338f64 mixed with black

  1. 338f64
  2. 2b7c56
  3. 236948
  4. 1c573b
  5. 14452e
  6. 0d3422
  7. 072416
  8. 03150b
  9. 010703
  10. 000100

Calmer: #338f64 with less saturation

  1. 338f64
  2. 3f8d66
  3. 488b69
  4. 518a6b
  5. 58886e
  6. 5f8670
  7. 658472
  8. 6b8275
  9. 718077
  10. 767d79

Questions about #338f64

What color is #338f64?

#338f64 is bright emerald. The closest named color is Viridian. In RGB it is rgb(51, 143, 100), in HSL hsl(151.96, 47.42%, 38.04%) and in OKLCH oklch(58.377% 0.10977 159.592).

What colors go well with #338f64?

The complementary color of #338f64 is #a66090. For a calmer combination use the analogous colors #66883e and #009089. The triadic partners are #6f73bb and #b26348.

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

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

Is #338f64 a warm or cool color?

#338f64 is a cool color. In OKLCH its hue is 160 degrees, its lightness 58.4% and its chroma 0.11.