Color picker

#26a561

Conversion

HEX#26a561
HEX8#26a561ff
RGBrgb(38, 165, 97)
CMYK[0.77,0,0.41,0.35]
Name#26a561
HCL[152.38,55.75,60.05]
oklab[0.64,-0.13,0.06]
Num2532705
HSI[147.66,0.62,0.39]
lab[60.05,-49.4,25.85]
Lighten
#58d994
Darken
#135230
Saturate
#12b960
Desaturate
#3a9162
Greyscale
#656565
Brighten
#59d894

Color harmonies of #26a561

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.
#26a561
#6126a5
#a56126

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.
#26a561
#262aa5
#a5266a
#a5a026

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.
#26a561
#30cf7a
#3afa93
#092516
#12502f
#1c7a48

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.
#26a561
#26a52e
#26a548
#26a561
#26a57a
#26a594

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#26a561
#2651a5
#a52e26

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
#f0f9f4
#e0f2e8
#d1ecdd
#c1e5d2
#b2dfc7
#a2d8bb
#93d2b0
#83cca5
#74c599
#64bf8e
#55b883
#45b278
#36ab6c
#26a561

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#030c07
#05180e
#082315
#0b2f1c
#0e3b23
#10472a
#135331
#165e37
#186a3e
#1b7645
#1e824c
#218d53
#23995a
#26a561

Contrast Checker

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

3.164 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!
6.637 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 #26a561

Some examples of color palettes with #26a561. View more

Use #26a561 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet