Color picker

#348980

Conversion

HEX#348980
HEX8#348980ff
RGBrgb(52, 137, 128)
CMYK[0.62,0,0.07,0.46]
Name#348980
HCL[185.72,27.75,52.04]
oklab[0.58,-0.08,-0.01]
Num3443072
HSI[174.47,0.51,0.41]
lab[52.04,-27.61,-2.77]
Lighten
#60c3b8
Darken
#183f3b
Saturate
#219c8f
Desaturate
#477671
Greyscale
#5e5e5e
Brighten
#67bcb3

Color harmonies of #348980

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.
#348980
#803489
#898034

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.
#348980
#553489
#89343d
#678934

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.
#348980
#44b3a8
#54decf
#040909
#143431
#245e58

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.
#348980
#34895e
#34896f
#348980
#348189
#347089

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#348980
#3c3489
#895e34

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
#f1f7f6
#e2eeed
#d4e6e4
#c5dddb
#b7d5d2
#a8ccc9
#9ac4c0
#8bbcb6
#7db3ad
#6eaba4
#60a29b
#519a92
#439189
#348980

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#040a09
#071412
#0b1d1b
#0f2725
#13312e
#163b37
#1a4540
#1e4e49
#215852
#25625b
#296c65
#2d756e
#307f77
#348980

Contrast Checker

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

4.17 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.036 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 #348980

Some examples of color palettes with #348980. View more

Use #348980 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet