Color picker

#2f5b30

Conversion

HEX#2f5b30
HEX8#2f5b30ff
RGBrgb(47, 91, 48)
CMYK[0.48,0,0.47,0.64]
Name#2f5b30
HCL[141.51,32.37,34.6]
oklab[0.43,-0.07,0.05]
Num3103536
HSI[121.14,0.24,0.24]
lab[34.6,-25.33,20.15]
Lighten
#529e53
Darken
#0c180d
Saturate
#216923
Desaturate
#3d4d3d
Greyscale
#454545
Brighten
#628e63

Color harmonies of #2f5b30

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.
#2f5b30
#302f5b
#5b302f

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.
#2f5b30
#2f445b
#5b2f5a
#5b462f

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.
#2f5b30
#458546
#5bb05d
#71da73
#030603
#19301a

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.
#2f5b30
#405b2f
#375b2f
#2f5b30
#2f5b39
#2f5b42

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#2f5b30
#2f515b
#5b2f40

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
#f0f3f0
#e1e8e1
#d2dcd3
#c4d0c4
#b5c4b5
#a6b9a6
#97ad98
#88a189
#79967a
#6a8a6b
#5c7e5c
#4d724e
#3e673f
#2f5b30

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#030703
#070d07
#0a140a
#0d1a0e
#112111
#142715
#182e18
#1b341b
#1e3b1f
#224122
#254826
#284e29
#2c552d
#2f5b30

Contrast Checker

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

7.895 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.66 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 #2f5b30

Some examples of color palettes with #2f5b30. View more

Use #2f5b30 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet