Color picker

#448c71

Conversion

HEX#448c71
HEX8#448c71ff
RGBrgb(68, 140, 113)
CMYK[0.51,0,0.19,0.45]
Name#448c71
HCL[165.53,30.35,53.14]
oklab[0.59,-0.08,0.02]
Num4492401
HSI[158.21,0.36,0.42]
lab[53.14,-29.39,7.58]
Lighten
#78bea4
Darken
#23473a
Saturate
#2fa176
Desaturate
#59776c
Greyscale
#686868
Brighten
#77bfa4

Color harmonies of #448c71

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.
#448c71
#71448c
#8c7144

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.
#448c71
#4d448c
#8c445f
#838c44

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.
#448c71
#59b693
#6de1b6
#060c0a
#1b372c
#2f614f

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.
#448c71
#448c54
#448c63
#448c71
#448c7f
#448a8c

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#448c71
#44518c
#8c5444

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
#f2f7f5
#e4efeb
#d7e6e1
#caded6
#bcd6cc
#afcec2
#a2c6b8
#94bdae
#87b5a4
#79ad9a
#6ca58f
#5f9c85
#51947b
#448c71

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#050a08
#0a1410
#0f1e18
#132820
#183228
#1d3c30
#224639
#275041
#2c5a49
#316451
#356e59
#3a7861
#3f8269
#448c71

Contrast Checker

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

4.011 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.235 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 #448c71

Some examples of color palettes with #448c71. View more

Use #448c71 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet