Color picker

#386260

Conversion

HEX#386260
HEX8#386260ff
RGBrgb(56, 98, 96)
CMYK[0.43,0,0.02,0.62]
Name#386260
HCL[192.89,15.56,38.59]
oklab[0.46,-0.05,-0.01]
Num3695200
HSI[177.58,0.33,0.33]
lab[38.59,-15.17,-3.47]
Lighten
#5da39f
Darken
#132120
Saturate
#29716e
Desaturate
#475352
Greyscale
#4d4d4d
Brighten
#6b9593

Color harmonies of #386260

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.
#386260
#603862
#626038

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.
#386260
#4b3862
#62383a
#4f6238

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.
#386260
#508c8a
#69b7b3
#81e1dd
#070d0d
#203736

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.
#386260
#38624f
#386258
#386260
#385c62
#385362

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#386260
#3e3862
#624f38

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
#f1f4f4
#e3e9e8
#d4dddd
#c6d2d2
#b8c7c6
#aabcbb
#9cb1b0
#8da5a4
#7f9a99
#718f8d
#638482
#547877
#466d6b
#386260

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#040707
#080e0e
#0c1515
#101c1b
#142322
#182a29
#1c3130
#203837
#243f3e
#284645
#2c4d4b
#305452
#345b59
#386260

Contrast Checker

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

6.809 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.084 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 #386260

Some examples of color palettes with #386260. View more

Use #386260 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet