#77c8ba color: Shockwave
#77c8ba is rgb(119, 200, 186) in RGB and oklch(77.68% 0.08255 181.772) in OKLCH. Every other format, shade and contrast value is below.
Read as HEX
- Ctrl Vpaste a color anywhere
- Spacerandom color
- Ccopy HEX
- Teal
- Light
- Soft
- Cool
- ≈ Turquoise
- teal-400
- Black 22%
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 #77c8ba
#77c8ba is a soft light teal color. In OKLCH it has 77.7% lightness, 0.083 chroma and a hue of 182°.
Inside sRGB: displays the same on any screen.
White text on it reaches 1.95:1 contrast and black text 10.76:1, so black text reads better.
The closest named color is Shockwave (#72c8b8). In Tailwind CSS the closest color is teal-400.
Lighter: #77c8ba mixed with white
Darker: #77c8ba mixed with black
Calmer: #77c8ba with less saturation
Similar named colors
Colors that go with #77c8ba
Questions about #77c8ba
What color is #77c8ba?
#77c8ba is soft light teal. The closest named color is Shockwave. In RGB it is rgb(119, 200, 186), in HSL hsl(169.63, 42.41%, 62.55%) and in OKLCH oklch(77.68% 0.08255 181.772).
What colors go well with #77c8ba?
The complementary color of #77c8ba is #e4a1b2. For a calmer combination use the analogous colors #8fc69c and #74c5d5. The triadic partners are #c0aae3 and #ddab80.
Is white or black text more readable on #77c8ba?
Black text reads better on #77c8ba: white gives a contrast ratio of 1.95:1 and black gives 10.76:1. WCAG AA asks for at least 4.5:1 for body text.
Is #77c8ba a warm or cool color?
#77c8ba is a cool color. In OKLCH its hue is 182 degrees, its lightness 77.7% and its chroma 0.083.