Color picker

#509077

Conversion

HEX#509077
HEX8#509077ff
RGBrgb(80, 144, 119)
CMYK[0.44,0,0.17,0.44]
Name#509077
HCL[165.45,27.61,55.05]
oklab[0.6,-0.08,0.02]
Num5279863
HSI[157.2,0.3,0.45]
lab[55.05,-26.73,6.94]
Lighten
#89bda9
Darken
#2c4e41
Saturate
#3aa67c
Desaturate
#667a72
Greyscale
#707070
Brighten
#83c3aa

Color harmonies of #509077

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.
#509077
#775090
#907750

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.
#509077
#575090
#905069
#899050

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.
#509077
#68ba9a
#7fe5bd
#09100e
#213b31
#386554

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.
#509077
#50905d
#50906a
#509077
#509084
#508f90

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#509077
#505c90
#905d50

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
#f3f7f5
#e6efec
#dae7e2
#cddfd8
#c1d7ce
#b4cfc5
#a8c8bb
#9bc0b1
#8fb8a8
#82b09e
#76a894
#69a08a
#5d9881
#509077

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#060a09
#0b1511
#111f1a
#172922
#1d332b
#223e33
#28483c
#2e5244
#335d4d
#396755
#3f715e
#457b66
#4a866f
#509077

Contrast Checker

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

3.752 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!
5.597 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!

Color Palettes #509077

Some examples of color palettes with #509077. View more

Use #509077 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet