Color picker

#395f60

Conversion

HEX#395f60
HEX8#395f60ff
RGBrgb(57, 95, 96)
CMYK[0.41,0.01,0,0.62]
Name#395f60
HCL[200.17,14.04,37.66]
oklab[0.46,-0.04,-0.01]
Num3759968
HSI[181.29,0.31,0.32]
lab[37.66,-13.18,-4.84]
Lighten
#5f9ea0
Darken
#132020
Saturate
#2a6e6f
Desaturate
#485051
Greyscale
#4d4d4d
Brighten
#6c9293

Color harmonies of #395f60

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.
#395f60
#60395f
#5f6039

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.
#395f60
#4d3960
#603a39
#4c6039

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.
#395f60
#52898a
#6bb3b5
#85dddf
#070b0b
#203535

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.
#395f60
#396051
#396059
#395f60
#395760
#394f60

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#395f60
#423960
#605139

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
#e3e8e8
#d5dddd
#c6d1d2
#b8c6c6
#aababb
#9cafb0
#8ea4a4
#809899
#728d8d
#638182
#557677
#476a6b
#395f60

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#040707
#080e0e
#0c1415
#101b1b
#142222
#182929
#1d3030
#213637
#253d3e
#294445
#2d4b4b
#315152
#355859
#395f60

Contrast Checker

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

7.048 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!
2.98 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!

Color Palettes #395f60

Some examples of color palettes with #395f60. View more

Use #395f60 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet