Color picker

#3e8380

Conversion

HEX#3e8380
HEX8#3e8380ff
RGBrgb(62, 131, 128)
CMYK[0.53,0,0.02,0.49]
Name#3e8380
HCL[192.66,23.02,50.47]
oklab[0.56,-0.07,-0.01]
Num4096896
HSI[177.8,0.42,0.42]
lab[50.47,-22.46,-5.05]
Lighten
#6dbab7
Darken
#1d3e3c
Saturate
#2b9692
Desaturate
#51706e
Greyscale
#606060
Brighten
#71b6b3

Color harmonies of #3e8380

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.
#3e8380
#803e83
#83803e

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.
#3e8380
#5d3e83
#833e41
#63833e

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.
#3e8380
#52adaa
#66d8d3
#020303
#162e2d
#2a5856

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.
#3e8380
#3e8364
#3e8372
#3e8380
#3e7883
#3e6a83

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#3e8380
#493e83
#83643e

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
#f1f6f6
#e3eded
#d6e4e4
#c8dcdb
#bad3d2
#accac9
#9fc1c0
#91b8b6
#83afad
#75a6a4
#679e9b
#5a9592
#4c8c89
#3e8380

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#040909
#091312
#0d1c1b
#122525
#162f2e
#1b3837
#1f4240
#234b49
#285452
#2c5e5b
#316765
#35706e
#3a7a77
#3e8380

Contrast Checker

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

4.409 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!
4.763 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 #3e8380

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

Use #3e8380 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet