#338a67 color: Exquisite Emerald
#338a67 is rgb(51, 138, 103) in RGB and oklch(57.119% 0.09996 163.385) in OKLCH. Every other format, shade and contrast value is below.
Read as HEX
- Ctrl Vpaste a color anywhere
- Spacerandom color
- Ccopy HEX
- Emerald
- Medium
- Vivid
- Cool
- ≈ Teal
- emerald-600
- Black 46%
Inside sRGB: displays the same on any screen.
Shades
From lightest to darkest. Click a shade to use it.
Harmonies
Open as paletteRecent
Colors you stop on or copy appear here. They stay on this device.
About #338a67
#338a67 is a bright emerald color. In OKLCH it has 57.1% lightness, 0.1 chroma and a hue of 163°.
Inside sRGB: displays the same on any screen.
White text on it reaches 4.22:1 contrast and black text 4.97:1, so white text reads better.
The closest named color is Exquisite Emerald (#338860). In Tailwind CSS the closest color is emerald-600.
Lighter: #338a67 mixed with white
Darker: #338a67 mixed with black
Calmer: #338a67 with less saturation
Similar named colors
Colors that go with #338a67
Questions about #338a67
What color is #338a67?
#338a67 is bright emerald. The closest named color is Exquisite Emerald. In RGB it is rgb(51, 138, 103), in HSL hsl(155.86, 46.03%, 37.06%) and in OKLCH oklch(57.119% 0.09996 163.385).
What colors go well with #338a67?
The complementary color of #338a67 is #a05f87. For a calmer combination use the analogous colors #608445 and #008a88. The triadic partners are #706fb1 and #a86345.
Is white or black text more readable on #338a67?
White text reads better on #338a67: white gives a contrast ratio of 4.22:1 and black gives 4.97:1. WCAG AA asks for at least 4.5:1 for body text.
Is #338a67 a warm or cool color?
#338a67 is a cool color. In OKLCH its hue is 163 degrees, its lightness 57.1% and its chroma 0.1.