Color picker

#50d4a1

Conversion

HEX#50d4a1
HEX8#50d4a1ff
RGBrgb(80, 212, 161)
CMYK[0.62,0,0.24,0.17]
Name#50d4a1
HCL[162.94,50.21,76.9]
oklab[0.78,-0.13,0.04]
Num5297313
HSI[157.48,0.47,0.59]
lab[76.9,-48,14.73]
Lighten
#a2e8cd
Darken
#25996c
Saturate
#3aeaa6
Desaturate
#66be9c
Greyscale
#929292
Brighten
#83ffd4

Color harmonies of #50d4a1

Color harmonies are pleasing color schemes created according to their position on a color wheel. Learn more

Triad

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#50d4a1
#a150d4
#d4a150

Tetrad

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#50d4a1
#5f50d4
#d45083
#c5d450

Monochromatic

The monochromatic colors are those that have the same dye, but differ in hue, value and saturation. For example, paint samples have several different values ​​of the same color. Using two or more monochromatic colors will achieve an elegant and pleasant effect.
#50d4a1
#60fec1
#102a20
#205440
#307f60
#40a981

Analogous

Analogous color schemes are made by picking three colors that are next to each other on the color wheel. They are perceived as calm and serene.
#50d4a1
#50d46c
#50d487
#50d4a1
#50d4bb
#50d2d4

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#50d4a1
#5069d4
#d46c50

Variations

View this color variations of shades, tints, tones, hues and temperatures.

Tints

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.
#ffffff
#f3fcf8
#e6f9f2
#daf6eb
#cdf3e4
#c1f0dd
#b4edd7
#a8ead0
#9be6c9
#8fe3c3
#82e0bc
#76ddb5
#69daae
#5dd7a8
#50d4a1

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#060f0c
#0b1e17
#112d23
#173d2e
#1d4c3a
#225b45
#286a51
#2e795c
#338868
#399773
#3fa77f
#45b68a
#4ac596
#50d4a1

Contrast Checker

Verify the contrast of a #50d4a1 colored text on white and black backgrounds. For additional options use Color Contrast Checker Tool.

1.863 Very Poor When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!
11.273 Very Good When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!

Color Palettes #50d4a1

Some examples of color palettes with #50d4a1. View more

Use #50d4a1 in CSS

#50d4a1 as Background Color in CSS
<div style="background-color:#50d4a1">Background Color</div>
#50d4a1 as Text Color in CSS
<div style="color:#50d4a1">Text Color</div>
#50d4a1 as Border Color in CSS
<div style="border-color:#50d4a1">Border Color</div>
My Collection
Palettes

No palettes yet

Colors

No colors yet

Gradients

No gradients yet