Color picker

#4cc085

Conversion

HEX#4cc085
HEX8#4cc085ff
RGBrgb(76, 192, 133)
CMYK[0.6,0,0.31,0.25]
Name#4cc085
HCL[156.43,50.62,70.12]
oklab[0.73,-0.13,0.05]
Num5030021
HSI[149.43,0.43,0.52]
lab[70.12,-46.4,20.24]
Lighten
#97dbb8
Darken
#2b7b52
Saturate
#34d885
Desaturate
#64a885
Greyscale
#868686
Brighten
#7ff3b8

Color harmonies of #4cc085

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.
#4cc085
#854cc0
#c0854c

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.
#4cc085
#4c4dc0
#c04c87
#c0bf4c

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.
#4cc085
#5deaa2
#09160f
#1a402d
#2a6b4a
#3b9568

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.
#4cc085
#4cc057
#4cc06e
#4cc085
#4cc09c
#4cc0b3

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#4cc085
#4c70c0
#c0574c

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
#f2fbf6
#e5f6ee
#d9f2e5
#cceddc
#bfe9d3
#b2e4cb
#a6e0c2
#99dbb9
#8cd7b1
#7fd2a8
#72ce9f
#66c996
#59c58e
#4cc085

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#050e0a
#0b1b13
#10291d
#163726
#1b4530
#215239
#266043
#2b6e4c
#317b56
#36895f
#3c9769
#41a572
#47b27c
#4cc085

Contrast Checker

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

2.286 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!
9.186 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!

Color Palettes #4cc085

Some examples of color palettes with #4cc085. View more

Use #4cc085 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet