Color picker

#38ab8c

Conversion

HEX#38ab8c
HEX8#38ab8cff
RGBrgb(56, 171, 140)
CMYK[0.67,0,0.18,0.33]
Name#38ab8c
HCL[170.44,40.13,63.23]
oklab[0.67,-0.11,0.02]
Num3713932
HSI[164.9,0.54,0.48]
lab[63.23,-39.58,6.67]
Lighten
#77d2ba
Darken
#1f5e4d
Saturate
#21c296
Desaturate
#4f9482
Greyscale
#717171
Brighten
#6bdebf

Color harmonies of #38ab8c

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.
#38ab8c
#8c38ab
#ab8c38

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.
#38ab8c
#5238ab
#ab3857
#90ab38

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.
#38ab8c
#46d5af
#000101
#0e2b24
#1c5646
#2a8069

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.
#38ab8c
#38ab5e
#38ab75
#38ab8c
#38aba3
#389cab

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#38ab8c
#3840ab
#ab5e38

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
#f1f9f7
#e3f3ef
#d4ede6
#c6e7de
#b8e1d6
#aadbce
#9cd5c6
#8dcfbd
#7fc9b5
#71c3ad
#63bda5
#54b79c
#46b194
#38ab8c

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#040c0a
#081814
#0c251e
#103128
#143d32
#18493c
#1c5646
#206250
#246e5a
#287a64
#2c866e
#309378
#349f82
#38ab8c

Contrast Checker

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

2.849 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!
7.372 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 #38ab8c

Some examples of color palettes with #38ab8c. View more

Use #38ab8c in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet