Color picker

#314517

Conversion

HEX#314517
HEX8#314517ff
RGBrgb(49, 69, 23)
CMYK[0.29,0,0.67,0.73]
Name#314517
HCL[124.07,29.85,26.65]
oklab[0.36,-0.05,0.06]
Num3228951
HSI[85.69,0.51,0.18]
lab[26.65,-16.72,24.73]
Lighten
#679130
Darken
#000000
Saturate
#324e0e
Desaturate
#303c20
Greyscale
#2e2e2e
Brighten
#64784a

Color harmonies of #314517

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.
#314517
#173145
#451731

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.
#314517
#174542
#2b1745
#45171a

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.
#314517
#4f6f25
#6d9a33
#8cc442
#aaef50
#131a09

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.
#314517
#434517
#3a4517
#314517
#284517
#1f4517

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#314517
#174534
#451743

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
#f0f2ee
#e2e4de
#d3d7cd
#c4cabd
#b5bdac
#a7af9c
#98a28b
#89957a
#7b876a
#6c7a59
#5d6d49
#4e6038
#405228
#314517

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#040502
#070a03
#0b0f05
#0e1407
#121908
#151e0a
#19230c
#1c270d
#202c0f
#233110
#273612
#2a3b14
#2e4015
#314517

Contrast Checker

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

10.53 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!
1.994 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 #314517

Some examples of color palettes with #314517. View more

Use #314517 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet