Color picker

#30764e

Conversion

HEX#30764e
HEX8#30764eff
RGBrgb(48, 118, 78)
CMYK[0.59,0,0.34,0.54]
Name#30764e
HCL[153.96,35.56,44.43]
oklab[0.51,-0.09,0.04]
Num3176014
HSI[145.28,0.41,0.32]
lab[44.43,-31.95,15.61]
Lighten
#53b97f
Darken
#122d1e
Saturate
#1f874c
Desaturate
#416550
Greyscale
#535353
Brighten
#63a981

Color harmonies of #30764e

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.
#30764e
#4e3076
#764e30

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.
#30764e
#303576
#763058
#767130

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.
#30764e
#41a06a
#53cb86
#64f5a2
#0d2116
#1f4b32

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.
#30764e
#307632
#307640
#30764e
#30765c
#30766a

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#30764e
#304a76
#763230

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
#f0f5f2
#e1ebe6
#d3e2d9
#c4d8cc
#b5cec0
#a6c4b3
#98bba7
#89b19a
#7aa78d
#6b9d81
#5c9374
#4e8a67
#3f805b
#30764e

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#030806
#07110b
#0a1911
#0e2216
#112a1c
#153321
#183b27
#1b432d
#1f4c32
#225438
#265d3d
#296543
#2d6e48
#30764e

Contrast Checker

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

5.487 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.827 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 #30764e

Some examples of color palettes with #30764e. View more

Use #30764e in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet