#7ccda7 color: Crystal Gem
#7ccda7 is rgb(124, 205, 167) in RGB and oklch(78.562% 0.09729 162.75) in OKLCH. Every other format, shade and contrast value is below.
Read as HEX
- Ctrl Vpaste a color anywhere
- Spacerandom color
- Ccopy HEX
- Emerald
- Light
- Soft
- Cool
- ≈ Pistachio
- teal-400
- Black 20%
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 #7ccda7
#7ccda7 is a soft light emerald color. In OKLCH it has 78.6% lightness, 0.097 chroma and a hue of 163°.
Inside sRGB: displays the same on any screen.
White text on it reaches 1.88:1 contrast and black text 11.15:1, so black text reads better.
The closest named color is Crystal Gem (#79d0a7). In Tailwind CSS the closest color is teal-400.
Lighter: #7ccda7 mixed with white
Darker: #7ccda7 mixed with black
Calmer: #7ccda7 with less saturation
Similar named colors
Colors that go with #7ccda7
Questions about #7ccda7
What color is #7ccda7?
#7ccda7 is soft light emerald. The closest named color is Crystal Gem. In RGB it is rgb(124, 205, 167), in HSL hsl(151.85, 44.75%, 64.51%) and in OKLCH oklch(78.562% 0.09729 162.75).
What colors go well with #7ccda7?
The complementary color of #7ccda7 is #e5a0ca. For a calmer combination use the analogous colors #a1c786 and #64cdca. The triadic partners are #b0b2f6 and #efa587.
Is white or black text more readable on #7ccda7?
Black text reads better on #7ccda7: white gives a contrast ratio of 1.88:1 and black gives 11.15:1. WCAG AA asks for at least 4.5:1 for body text.
Is #7ccda7 a warm or cool color?
#7ccda7 is a cool color. In OKLCH its hue is 163 degrees, its lightness 78.6% and its chroma 0.097.