#0cecf2 hex color

In a RGB color space, hex #0cecf2 is composed of 4.7% red, 92.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 95% cyan, 2.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 181.6 degrees, a saturation of 90.6% and a lightness of 49.8%. #0cecf2 color hex could be obtained by blending #18ffff with #00d9e5. Closest websafe color is: #00ffff.

♥
- f
- t
- g
- R 5
- G 93
- B 95
RGB color chart
- C 95
- M 2
- Y 0
- K 5
CMYK color chart

● #0cecf2 color description : Vivid cyan.

The hexadecimal color #0cecf2 has RGB values of R:12, G:236, B:242 and CMYK values of C:0.95, M:0.02, Y:0, K:0.05. Its decimal value is 847090.

Hex triplet	0cecf2	`#0cecf2`
RGB Decimal	12, 236, 242	`rgb(12,236,242)`
RGB Percent	4.7, 92.5, 94.9	`rgb(4.7%,92.5%,94.9%)`
CMYK	95, 2, 0, 5
HSL	181.6°, 90.6, 49.8	`hsl(181.6,90.6%,49.8%)`
HSV (or HSB)	181.6°, 95, 94.9
Web Safe	00ffff	`#00ffff`

CIE-LAB	85.238, -43.327, -16.157
XYZ	46.169, 66.475, 94.397
xyY	0.223, 0.321, 66.475
CIE-LCH	85.238, 46.242, 200.45
CIE-LUV	85.238, -64.954, -19.185
Hunter-Lab	81.532, -41.603, -11.573
Binary	00001100, 11101100, 11110010

#0cecf2
```
#0cecf2 rgb(12,236,242)
```
#f2120c
```
#f2120c rgb(242,18,12)
```

Complementary Color

#0cf285
```
#0cf285 rgb(12,242,133)
```
#0cecf2
```
#0cecf2 rgb(12,236,242)
```
#0c79f2
```
#0c79f2 rgb(12,121,242)
```

Analogous Color

#f2850c
```
#f2850c rgb(242,133,12)
```
#0cecf2
```
#0cecf2 rgb(12,236,242)
```
#f20c79
```
#f20c79 rgb(242,12,121)
```

Split Complementary Color

#ecf20c
```
#ecf20c rgb(236,242,12)
```
#0cecf2
```
#0cecf2 rgb(12,236,242)
```
#f20cec
```
#f20cec rgb(242,12,236)
```

Triadic Color

#0cf212
```
#0cf212 rgb(12,242,18)
```
#0cecf2
```
#0cecf2 rgb(12,236,242)
```
#f20cec
```
#f20cec rgb(242,12,236)
```
#f2120c
```
#f2120c rgb(242,18,12)
```

Tetradic Color

#08a5a9
```
#08a5a9 rgb(8,165,169)
```
#0abdc1
```
#0abdc1 rgb(10,189,193)
```
#0bd4da
```
#0bd4da rgb(11,212,218)
```
#0cecf2
```
#0cecf2 rgb(12,236,242)
```
#23eff4
```
#23eff4 rgb(35,239,244)
```
#3cf0f5
```
#3cf0f5 rgb(60,240,245)
```
#54f2f7
```
#54f2f7 rgb(84,242,247)
```

Monochromatic Color

Below, you can see some colors close to #0cecf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#0cf2bf
```
#0cf2bf rgb(12,242,191)
```
#0cf2d2
```
#0cf2d2 rgb(12,242,210)
```
#0cf2e5
```
#0cf2e5 rgb(12,242,229)
```
#0cecf2
```
#0cecf2 rgb(12,236,242)
```
#0cd9f2
```
#0cd9f2 rgb(12,217,242)
```
#0cc6f2
```
#0cc6f2 rgb(12,198,242)
```
#0cb3f2
```
#0cb3f2 rgb(12,179,242)
```

Similar Colors

Text with hexadecimal color #0cecf2

This text has a font color of #0cecf2.

<span style="color:#0cecf2;">Text here</span>

#0cecf2 background color

This paragraph has a background color of #0cecf2.

<p style="background-color:#0cecf2;">Content here</p>

#0cecf2 border color

This element has a border color of #0cecf2.

<div style="border:1px solid #0cecf2;">Content here</div>

CSS codes

.text {color:#0cecf2;}

.background {background-color:#0cecf2;}

.border {border:1px solid #0cecf2;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #011112 is the darkest color, while #feffff is the lightest one.

#011112
```
#011112 rgb(1,17,18)
```
#022424
```
#022424 rgb(2,36,36)
```
#033637
```
#033637 rgb(3,54,55)
```
#04484a
```
#04484a rgb(4,72,74)
```
#055a5c
```
#055a5c rgb(5,90,92)
```
#066c6f
```
#066c6f rgb(6,108,111)
```
#067f82
```
#067f82 rgb(6,127,130)
```
#079195
```
#079195 rgb(7,145,149)
```
#08a3a7
```
#08a3a7 rgb(8,163,167)
```
#09b5ba
```
#09b5ba rgb(9,181,186)
```
#0ac8cd
```
#0ac8cd rgb(10,200,205)
```
#0bdadf
```
#0bdadf rgb(11,218,223)
```
#0cecf2
```
#0cecf2 rgb(12,236,242)
```

Shade Color Variation

#1eeef4
```
#1eeef4 rgb(30,238,244)
```
#30f0f5
```
#30f0f5 rgb(48,240,245)
```
#43f1f6
```
#43f1f6 rgb(67,241,246)
```
#56f2f7
```
#56f2f7 rgb(86,242,247)
```
#69f4f8
```
#69f4f8 rgb(105,244,248)
```
#7bf5f8
```
#7bf5f8 rgb(123,245,248)
```
#8ef7f9
```
#8ef7f9 rgb(142,247,249)
```
#a1f8fa
```
#a1f8fa rgb(161,248,250)
```
#b3f9fb
```
#b3f9fb rgb(179,249,251)
```
#c6fbfc
```
#c6fbfc rgb(198,251,252)
```
#d9fcfd
```
#d9fcfd rgb(217,252,253)
```
#ebfefe
```
#ebfefe rgb(235,254,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #778687 is the less saturated color, while #02f5fc is the most saturated one.

#778687
```
#778687 rgb(119,134,135)
```
#6e8f90
```
#6e8f90 rgb(110,143,144)
```
#64999a
```
#64999a rgb(100,153,154)
```
#5aa2a4
```
#5aa2a4 rgb(90,162,164)
```
#50abae
```
#50abae rgb(80,171,174)
```
#47b4b7
```
#47b4b7 rgb(71,180,183)
```
#3dbec1
```
#3dbec1 rgb(61,190,193)
```
#33c7cb
```
#33c7cb rgb(51,199,203)
```
#29d0d5
```
#29d0d5 rgb(41,208,213)
```
#20d9de
```
#20d9de rgb(32,217,222)
```
#16e3e8
```
#16e3e8 rgb(22,227,232)
```
#0cecf2
```
#0cecf2 rgb(12,236,242)
```
#02f5fc
```
#02f5fc rgb(2,245,252)
```

Tone Color Variation

Below, you can see how #0cecf2 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#aaaaaa Achromatopsia 0.005% of the population
#8ab7b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6d5e5 Protanopia 1% of men
#d7d2fc Deuteranopia 1% of men
#31ebfc Tritanopia 0.001% of the population

Trichromacy

#8cdde9 Protanomaly 1% of men, 0.01% of women
#8ddbf8 Deuteranomaly 6% of men, 0.4% of women
#23ebf8 Tritanomaly 0.01% of the population

#0cecf2 hex color

#0cecf2 Color Information

#0cecf2 Color Conversion

Color Schemes with #0cecf2

Alternatives to #0cecf2

#0cecf2 Preview

Shades and Tints of #0cecf2

Tones of #0cecf2

Color Blindness Simulator