Skip to the color picker

#367e63 color: Trans Tasman

#367e63 is rgb(54, 126, 99) in RGB and oklch(53.918% 0.08448 165.958) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

158°
100%

53.9%
0.084
166°
  • Emerald
  • Medium
  • Vivid
  • Cool
  • ≈ Teal
  • teal-700
  • Black 51%

Inside sRGB: displays the same on any screen.

White text
4.86:1Readable · AA
Lc -79
Black text
4.32:1Hard to read
Lc 31

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 #367e63

#367e63 is a bright emerald color. In OKLCH it has 53.9% lightness, 0.084 chroma and a hue of 166°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Trans Tasman (#307d67). In Tailwind CSS the closest color is teal-700.

More medium emerald colors

Lighter: #367e63 mixed with white

  1. 367e63
  2. 4c8a71
  3. 619780
  4. 74a48f
  5. 88b09e
  6. 9cbdae
  7. afcabe
  8. c3d7ce
  9. d7e4de
  10. ebf2ee

Darker: #367e63 mixed with black

  1. 367e63
  2. 2e6d55
  3. 255c47
  4. 1e4c3a
  5. 163c2e
  6. 0f2d21
  7. 081f16
  8. 03110b
  9. 010503
  10. 000100

Calmer: #367e63 with less saturation

  1. 367e63
  2. 3e7d64
  3. 457b65
  4. 4c7a66
  5. 527868
  6. 577769
  7. 5c756a
  8. 61736b
  9. 66726c
  10. 6a706d

Questions about #367e63

What color is #367e63?

#367e63 is bright emerald. The closest named color is Trans Tasman. In RGB it is rgb(54, 126, 99), in HSL hsl(157.5, 40%, 35.29%) and in OKLCH oklch(53.918% 0.08448 165.958).

What colors go well with #367e63?

The complementary color of #367e63 is #925a79. For a calmer combination use the analogous colors #587a47 and #1c7d7e. The triadic partners are #6a679d and #975e43.

Is white or black text more readable on #367e63?

White text reads better on #367e63: white gives a contrast ratio of 4.86:1 and black gives 4.32:1. WCAG AA asks for at least 4.5:1 for body text.

Is #367e63 a warm or cool color?

#367e63 is a cool color. In OKLCH its hue is 166 degrees, its lightness 53.9% and its chroma 0.084.