Color picker

#3bd4b6

Conversion

HEX#3bd4b6
HEX8#3bd4b6ff
RGBrgb(59, 212, 182)
CMYK[0.72,0,0.14,0.17]
Name#3bd4b6
HCL[175.7,46.43,76.91]
oklab[0.78,-0.13,0.01]
Num3921078
HSI[169.34,0.61,0.59]
lab[76.91,-46.3,3.48]
Lighten
#8fe6d5
Darken
#1e8b75
Saturate
#23ecc5
Desaturate
#53bca7
Greyscale
#878787
Brighten
#6effe9

Color harmonies of #3bd4b6

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.
#3bd4b6
#b63bd4
#d4b63b

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.
#3bd4b6
#693bd4
#d43b59
#a5d43b

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.
#3bd4b6
#47feda
#0c2a24
#185449
#237f6d
#2fa992

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.
#3bd4b6
#3bd479
#3bd497
#3bd4b6
#3bd3d4
#3bb5d4

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#3bd4b6
#3c3bd4
#d4793b

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
#f1fcfa
#e3f9f5
#d5f6ef
#c7f3ea
#b9f0e5
#abede0
#9deadb
#8fe6d5
#81e3d0
#73e0cb
#65ddc6
#57dac0
#49d7bb
#3bd4b6

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#040f0d
#081e1a
#0d2d27
#113d34
#154c41
#195b4e
#1e6a5b
#227968
#268875
#2a9782
#2ea78f
#33b69c
#37c5a9
#3bd4b6

Contrast Checker

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

1.862 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.279 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 #3bd4b6

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

Use #3bd4b6 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet