Color picker

#1cacc1

Conversion

HEX#1cacc1
HEX8#1cacc1ff
RGBrgb(28, 172, 193)
CMYK[0.85,0.11,0,0.24]
Name#1cacc1
HCL[216.78,34.8,64.64]
oklab[0.68,-0.1,-0.06]
Num1879233
HSI[186.71,0.79,0.51]
lab[64.64,-27.87,-20.83]
Lighten
#5cd6e7
Darken
#0f5d68
Saturate
#06bcd7
Desaturate
#329cab
Greyscale
#6e6e6e
Brighten
#4fdff4

Color harmonies of #1cacc1

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.
#1cacc1
#c11cac
#acc11c

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.
#1cacc1
#831cc1
#c1311c
#59c11c

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.
#1cacc1
#22d2eb
#031417
#0a3a41
#10606c
#168696

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.
#1cacc1
#1cc194
#1cc1b5
#1cacc1
#1c8bc1
#1c6ac1

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#1cacc1
#521cc1
#c1941c

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
#eff9fb
#dff3f6
#ceedf2
#bee7ed
#aee1e9
#9edbe4
#8ed6e0
#7dd0dc
#6dcad7
#5dc4d3
#4dbece
#3cb8ca
#2cb2c5
#1cacc1

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#020c0e
#04191c
#062529
#083137
#0a3d45
#0c4a53
#0e5661
#10626e
#126f7c
#147b8a
#168798
#1893a5
#1aa0b3
#1cacc1

Contrast Checker

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

2.72 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.72 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 #1cacc1

Some examples of color palettes with #1cacc1. View more

Use #1cacc1 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet