Emerald
Meet Emerald (#50C878), a color that commands attention. Its striking quality lies in a unique balance of vivid green with a cool blue undertone. This combination gives it a rich depth that feels both lively and sophisticated, making it a compelling choice for any design palette.
Emerald Code Conversions
HEX
#50C878
LAB
72, -51, 30
RGB
80, 200, 120
XYZ
27.4, 44.4, 24.9
HSL
140°, 52%, 55%
LCH
72, 60, 149°
HSB
140°, 60%, 78%
LUV
72, -52, 49
HWB
140°, 31%, 22%
Emerald Color Harmonies
Analogous
Analogous colors sit beside Emerald on the color wheel, creating a naturally harmonious and serene palette that brings a sense of calm.
Complementary
Complementary colors sit opposite each other on the color wheel. For Emerald, its complement creates a striking, high-contrast pairing perfect for catching attention.
Split Complementary
A split complementary scheme for Emerald uses the two colors adjacent to its direct complement, offering a vibrant yet balanced high-contrast palette.
Triadic
A triadic scheme pairs Emerald with two other colors equally spaced on the color wheel, creating a vibrant and balanced visual effect.
Tetradic
A tetradic scheme builds on Emerald with two complementary color pairs, creating a vibrant, balanced palette that offers maximum visual variety.
Square
A square color scheme pairs Emerald with three other colors, all equidistant on the color wheel, creating a vibrant and balanced high-contrast palette.
Emerald Contrast Simulation
Emerald Color Variations
Shades
Shades are darker versions of Emerald made by adding black, creating depth and weight.
Tints
Tints are lighter variations of Emerald, created by adding white for a softer appearance.
Tones
Tones are created by adding gray to Emerald, resulting in softer, less saturated versions.
Hues
Hues are variations of Emerald that alter its intensity and warmth, creating different visual effects.
What Interfaces Use Colors Like Emerald?































