Color picker

#0cecef

Conversion

HEX#0cecef
HEX8#0cecefff
RGBrgb(12, 236, 239)
CMYK[0.95,0.01,0,0.06]
Name#0cecef
HCL[198.4,46.59,85.15]
oklab[0.86,-0.14,-0.04]
Num847087
HSI[180.66,0.93,0.64]
lab[85.15,-44.21,-14.71]
Lighten
#69f6f7
Darken
#078c8e
Saturate
#00f8fb
Desaturate
#25d4d6
Greyscale
#7d7d7d
Brighten
#3fffff

Color harmonies of #0cecef

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.
#0cecef
#ef0cec
#ecef0c

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.
#0cecef
#800cef
#ef0f0c
#7aef0c

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.
#0cecef
#011a1a
#034445
#066e6f
#08989a
#0ac2c4

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.
#0cecef
#0cef97
#0cefc5
#0cecef
#0cbfef
#0c91ef

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#0cecef
#3c0cef
#ef970c

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
#eefefe
#dcfcfd
#cbfbfc
#bafafa
#a8f8f9
#97f7f8
#86f6f7
#74f4f6
#63f3f5
#51f1f4
#40f0f2
#2feff1
#1dedf0
#0cecef

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#011111
#022222
#033333
#034344
#045455
#056566
#067678
#078789
#08989a
#09a9ab
#09b9bc
#0acacd
#0bdbde
#0cecef

Contrast Checker

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

1.473 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!
14.26 Super 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 #0cecef

Some examples of color palettes with #0cecef. View more

Use #0cecef in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet