Color picker

#3a7068

Conversion

HEX#3a7068
HEX8#3a7068ff
RGBrgb(58, 112, 104)
CMYK[0.48,0,0.07,0.56]
Name#3a7068
HCL[183.18,20.11,43.49]
oklab[0.51,-0.06,0]
Num3829864
HSI[172.11,0.36,0.36]
lab[43.49,-20.08,-1.11]
Lighten
#62aea3
Darken
#172d2a
Saturate
#298174
Desaturate
#4b5f5c
Greyscale
#555555
Brighten
#6da39b

Color harmonies of #3a7068

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.
#3a7068
#683a70
#70683a

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.
#3a7068
#4d3a70
#703a42
#5d703a

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.
#3a7068
#509a8f
#66c5b7
#7cefde
#0e1b19
#244541

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.
#3a7068
#3a7052
#3a705d
#3a7068
#3a6d70
#3a6270

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#3a7068
#3d3a70
#70523a

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
#f1f5f4
#e3ebe9
#d5e0df
#c7d6d4
#b9ccc9
#abc2be
#9db8b4
#8eada9
#80a39e
#729993
#648f88
#56847e
#487a73
#3a7068

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#040807
#08100f
#0c1816
#11201e
#152825
#19302d
#1d3834
#21403b
#254843
#29504a
#2e5852
#326059
#366861
#3a7068

Contrast Checker

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

5.68 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!
3.697 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!

Color Palettes #3a7068

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

Use #3a7068 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet