Color picker

#36814b

Conversion

HEX#36814b
HEX8#36814bff
RGBrgb(54, 129, 75)
CMYK[0.58,0,0.42,0.49]
Name#36814b
HCL[148.01,42.4,48.25]
oklab[0.54,-0.1,0.06]
Num3572043
HSI[135.75,0.37,0.34]
lab[48.25,-35.96,22.46]
Lighten
#60bd7a
Darken
#183921
Saturate
#249343
Desaturate
#486f53
Greyscale
#5b5b5b
Brighten
#69b47e

Color harmonies of #36814b

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.
#36814b
#4b3681
#814b36

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.
#36814b
#364681
#81366c
#817036

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.
#36814b
#48ab64
#5ad67c
#010101
#122c1a
#245632

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.
#36814b
#3f8136
#36813c
#36814b
#36815a
#368169

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#36814b
#365d81
#81363f

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
#f1f6f2
#e2ede5
#d4e4d8
#c6dbcc
#b7d2bf
#a9c9b2
#9bc0a5
#8cb798
#7eae8b
#6fa57e
#619c72
#539365
#448a58
#36814b

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#040905
#08120b
#0c1c10
#0f2515
#132e1b
#173720
#1b4126
#1f4a2b
#235330
#275c36
#2a653b
#2e6f40
#327846
#36814b

Contrast Checker

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

4.774 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!
4.399 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 #36814b

Some examples of color palettes with #36814b. View more

Use #36814b in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet