Color picker

#418a60

Conversion

HEX#418a60
HEX8#418a60ff
RGBrgb(65, 138, 96)
CMYK[0.53,0,0.3,0.46]
Name#418a60
HCL[154.56,36.56,52]
oklab[0.57,-0.09,0.04]
Num4295264
HSI[145.03,0.35,0.39]
lab[52,-33.01,15.71]
Lighten
#74bd93
Darken
#204530
Saturate
#2d9e5d
Desaturate
#557663
Greyscale
#656565
Brighten
#74bd93

Color harmonies of #418a60

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.
#418a60
#60418a
#8a6041

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.
#418a60
#41468a
#8a416b
#8a8441

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.
#418a60
#55b47e
#69df9b
#050a07
#193525
#2d5f42

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.
#418a60
#418a43
#418a51
#418a60
#418a6f
#418a7d

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#418a60
#415c8a
#8a4341

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
#f1f7f4
#e4eee8
#d6e6dd
#c9ded2
#bbd5c6
#aecdbb
#a0c5b0
#92bca4
#85b499
#77ab8d
#6aa382
#5c9b77
#4f926b
#418a60

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#050a07
#09140e
#0e1e15
#13271b
#173122
#1c3b29
#214530
#254f37
#2a593e
#2e6345
#336c4b
#387652
#3c8059
#418a60

Contrast Checker

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

4.176 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.029 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 #418a60

Some examples of color palettes with #418a60. View more

Use #418a60 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet