Color picker

#306b5f

Conversion

HEX#306b5f
HEX8#306b5fff
RGBrgb(48, 107, 95)
CMYK[0.55,0,0.11,0.58]
Name#306b5f
HCL[177.74,22.47,41.17]
oklab[0.48,-0.06,0]
Num3173215
HSI[168.91,0.42,0.33]
lab[41.17,-22.45,0.89]
Lighten
#50b19d
Darken
#102520
Saturate
#217a68
Desaturate
#3f5b56
Greyscale
#4d4d4d
Brighten
#639e92

Color harmonies of #306b5f

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.
#306b5f
#5f306b
#6b5f30

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.
#306b5f
#41306b
#6b303c
#596b30

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.
#306b5f
#439585
#56c0aa
#69ead0
#0a1614
#1d4039

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.
#306b5f
#306b47
#306b53
#306b5f
#306b6b
#305f6b

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#306b5f
#30306b
#6b4730

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
#f0f4f4
#e1eae8
#d3dfdd
#c4d5d1
#b5cac6
#a6c0ba
#98b5af
#89aaa4
#7aa098
#6b958d
#5c8b81
#4e8076
#3f766a
#306b5f

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#030807
#070f0e
#0a1714
#0e1f1b
#112622
#152e29
#183630
#1b3d36
#1f453d
#224c44
#26544b
#295c51
#2d6358
#306b5f

Contrast Checker

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

6.187 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.394 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 #306b5f

Some examples of color palettes with #306b5f. View more

Use #306b5f in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet