Color picker

#30a26d

Conversion

HEX#30a26d
HEX8#30a26dff
RGBrgb(48, 162, 109)
CMYK[0.7,0,0.33,0.36]
Name#30a26d
HCL[157.2,48.03,59.5]
oklab[0.64,-0.12,0.05]
Num3187309
HSI[152.32,0.55,0.42]
lab[59.5,-44.28,18.61]
Lighten
#66d2a0
Darken
#195338
Saturate
#1bb76e
Desaturate
#458d6c
Greyscale
#696969
Brighten
#63d5a0

Color harmonies of #30a26d

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.
#30a26d
#6d30a2
#a26d30

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.
#30a26d
#3430a2
#a23065
#9ea230

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.
#30a26d
#3dcc8a
#49f7a6
#0a2217
#174d34
#237750

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.
#30a26d
#30a23f
#30a256
#30a26d
#30a284
#30a29b

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#30a26d
#304ea2
#a23f30

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
#f0f8f5
#e1f2ea
#d3ebe0
#c4e4d5
#b5decb
#a6d7c0
#98d1b6
#89caac
#7ac3a1
#6bbd97
#5cb68c
#4eaf82
#3fa977
#30a26d

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#030c08
#071710
#0a2317
#0e2e1f
#113a27
#15452f
#185137
#1b5d3e
#1f6846
#22744e
#267f56
#298b5d
#2d9665
#30a26d

Contrast Checker

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

3.224 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.515 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 #30a26d

Some examples of color palettes with #30a26d. View more

Use #30a26d in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet