Color picker

#7dd1ad

Conversion

HEX#7dd1ad
HEX8#7dd1adff
RGBrgb(125, 209, 173)
CMYK[0.4,0,0.17,0.18]
Name#7dd1ad
HCL[163.58,35.1,77.86]
oklab[0.8,-0.09,0.03]
Num8245677
HSI[154.72,0.26,0.66]
lab[77.86,-33.67,9.92]
Lighten
#c8ecdd
Darken
#3dab7c
Saturate
#6be3b0
Desaturate
#8fbfaa
Greyscale
#a7a7a7
Brighten
#b0ffe0

Color harmonies of #7dd1ad

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.
#7dd1ad
#ad7dd1
#d1ad7d

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.
#7dd1ad
#837dd1
#d17da1
#cbd17d

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.
#7dd1ad
#96fbd0
#172720
#315143
#4a7c67
#64a68a

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.
#7dd1ad
#7dd18b
#7dd19c
#7dd1ad
#7dd1be
#7dd1cf

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#7dd1ad
#7d90d1
#d18b7d

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
#f6fcf9
#ecf8f3
#e3f5ed
#daf2e8
#d1efe2
#c7ebdc
#bee8d6
#b5e5d0
#abe1ca
#a2dec4
#99dbbf
#90d8b9
#86d4b3
#7dd1ad

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#090f0c
#121e19
#1b2d25
#243c31
#2d4b3e
#365a4a
#3f6957
#477763
#50866f
#59957c
#62a488
#6bb394
#74c2a1
#7dd1ad

Contrast Checker

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

1.811 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.596 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 #7dd1ad

Some examples of color palettes with #7dd1ad. View more

Use #7dd1ad in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet