Color picker

#3dbd70

Conversion

HEX#3dbd70
HEX8#3dbd70ff
RGBrgb(61, 189, 112)
CMYK[0.68,0,0.41,0.26]
Name#3dbd70
HCL[150.91,59.66,68.43]
oklab[0.71,-0.14,0.07]
Num4046192
HSI[143.31,0.49,0.47]
lab[68.43,-52.13,29]
Lighten
#88d8a8
Darken
#247042
Saturate
#24d66b
Desaturate
#56a475
Greyscale
#7d7d7d
Brighten
#70f0a3

Color harmonies of #3dbd70

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.
#3dbd70
#703dbd
#bd703d

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.
#3dbd70
#3d4abd
#bd3d8a
#bdb03d

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.
#3dbd70
#4be789
#06130b
#143d24
#22683e
#2f9257

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.
#3dbd70
#3dbd3d
#3dbd56
#3dbd70
#3dbd8a
#3dbda3

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#3dbd70
#3d70bd
#bd3d3d

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
#f1faf5
#e3f6eb
#d5f1e0
#c8ecd6
#bae7cc
#ace3c2
#9edeb8
#90d9ad
#82d5a3
#74d099
#67cb8f
#59c684
#4bc27a
#3dbd70

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#040e08
#091b10
#0d2918
#113620
#164428
#1a5130
#1f5f38
#236c40
#277a48
#2c8750
#309558
#34a260
#39b068
#3dbd70

Contrast Checker

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

2.411 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!
8.711 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 #3dbd70

Some examples of color palettes with #3dbd70. View more

Use #3dbd70 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet