Color picker

#506d22

Conversion

HEX#506d22
HEX8#506d22ff
RGBrgb(80, 109, 34)
CMYK[0.27,0,0.69,0.57]
Name#506d22
HCL[122.08,43.79,42.4]
oklab[0.5,-0.07,0.08]
Num5270818
HSI[82.54,0.54,0.29]
lab[42.4,-23.26,37.1]
Lighten
#89bb3a
Darken
#171f0a
Saturate
#537b14
Desaturate
#4d5f30
Greyscale
#474747
Brighten
#83a055

Color harmonies of #506d22

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.
#506d22
#22506d
#6d2250

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.
#506d22
#226d64
#3f226d
#6d222a

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.
#506d22
#6f972f
#8ec23d
#aeec4a
#121807
#314215

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.
#506d22
#6d6c22
#5f6d22
#506d22
#416d22
#326d22

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#506d22
#226d4e
#6c226d

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
#f3f5ef
#e6eadf
#dae0d0
#cdd5c0
#c1cbb0
#b4c0a0
#a8b691
#9bac81
#8fa171
#829761
#768c51
#698242
#5d7732
#506d22

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#060802
#0b1005
#111707
#171f0a
#1d270c
#222f0f
#283711
#2e3e13
#334616
#394e18
#3f561b
#455d1d
#4a6520
#506d22

Contrast Checker

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

5.913 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.552 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 #506d22

Some examples of color palettes with #506d22. View more

Use #506d22 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet