Color picker

#5accb8

Conversion

HEX#5accb8
HEX8#5accb8ff
RGBrgb(90, 204, 184)
CMYK[0.56,0,0.1,0.2]
Name#5accb8
HCL[179.68,37.18,75.34]
oklab[0.77,-0.11,0]
Num5950648
HSI[170.54,0.44,0.62]
lab[75.34,-37.17,0.21]
Lighten
#a8e4da
Darken
#2d9381
Saturate
#44e2c6
Desaturate
#70b6aa
Greyscale
#939393
Brighten
#8dffeb

Color harmonies of #5accb8

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.
#5accb8
#b85acc
#ccb85a

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.
#5accb8
#7f5acc
#cc5a6e
#a7cc5a

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.
#5accb8
#6df6de
#0f221f
#224c45
#34776b
#47a192

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.
#5accb8
#5acc8a
#5acca1
#5accb8
#5ac9cc
#5ab2cc

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#5accb8
#5d5acc
#cc8a5a

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
#f3fbfa
#e7f8f5
#dcf4f0
#d0f0eb
#c4ede6
#b8e9e1
#ade6dc
#a1e2d6
#95ded1
#89dbcc
#7dd7c7
#72d3c2
#66d0bd
#5accb8

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#060f0d
#0d1d1a
#132c27
#1a3a35
#204942
#27574f
#2d665c
#337569
#3a8376
#409283
#47a091
#4daf9e
#54bdab
#5accb8

Contrast Checker

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

1.951 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!
10.764 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 #5accb8

Some examples of color palettes with #5accb8. View more

Use #5accb8 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet