#0cc5f6 hex color

In a RGB color space, hex #0cc5f6 is composed of 4.7% red, 77.3% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 95.1% cyan, 19.9% magenta, 0% yellow and 3.5% black. It has a hue angle of 192.6 degrees, a saturation of 92.9% and a lightness of 50.6%. #0cc5f6 color hex could be obtained by blending #18ffff with #008bed. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 5
- G 77
- B 96
RGB color chart
- C 95
- M 20
- Y 0
- K 4
CMYK color chart

● #0cc5f6 color description : Vivid cyan.

The hexadecimal color #0cc5f6 has RGB values of R:12, G:197, B:246 and CMYK values of C:0.95, M:0.2, Y:0, K:0.04. Its decimal value is 837110.

Hex triplet	0cc5f6	`#0cc5f6`
RGB Decimal	12, 197, 246	`rgb(12,197,246)`
RGB Percent	4.7, 77.3, 96.5	`rgb(4.7%,77.3%,96.5%)`
CMYK	95, 20, 0, 4
HSL	192.6°, 92.9, 50.6	`hsl(192.6,92.9%,50.6%)`
HSV (or HSB)	192.6°, 95.1, 96.5
Web Safe	00ccff	`#00ccff`

CIE-LAB	73.972, -23.56, -35.484
XYZ	36.748, 46.661, 94.253
xyY	0.207, 0.263, 46.661
CIE-LCH	73.972, 42.593, 236.417
CIE-LUV	73.972, -51.59, -54.226
Hunter-Lab	68.309, -23.513, -33.993
Binary	00001100, 11000101, 11110110

#0cc5f6
```
#0cc5f6 rgb(12,197,246)
```
#f63d0c
```
#f63d0c rgb(246,61,12)
```

Complementary Color

#0cf6b2
```
#0cf6b2 rgb(12,246,178)
```
#0cc5f6
```
#0cc5f6 rgb(12,197,246)
```
#0c50f6
```
#0c50f6 rgb(12,80,246)
```

Analogous Color

#f6b20c
```
#f6b20c rgb(246,178,12)
```
#0cc5f6
```
#0cc5f6 rgb(12,197,246)
```
#f60c50
```
#f60c50 rgb(246,12,80)
```

Split Complementary Color

#c5f60c
```
#c5f60c rgb(197,246,12)
```
#0cc5f6
```
#0cc5f6 rgb(12,197,246)
```
#f60cc5
```
#f60cc5 rgb(246,12,197)
```

Triadic Color

#0cf63d
```
#0cf63d rgb(12,246,61)
```
#0cc5f6
```
#0cc5f6 rgb(12,197,246)
```
#f60cc5
```
#f60cc5 rgb(246,12,197)
```
#f63d0c
```
#f63d0c rgb(246,61,12)
```

Tetradic Color

#068caf
```
#068caf rgb(6,140,175)
```
#079fc8
```
#079fc8 rgb(7,159,200)
```
#08b3e0
```
#08b3e0 rgb(8,179,224)
```
#0cc5f6
```
#0cc5f6 rgb(12,197,246)
```
#25cbf7
```
#25cbf7 rgb(37,203,247)
```
#3dd1f8
```
#3dd1f8 rgb(61,209,248)
```
#56d7f9
```
#56d7f9 rgb(86,215,249)
```

Monochromatic Color

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

#0cf6ed
```
#0cf6ed rgb(12,246,237)
```
#0cecf6
```
#0cecf6 rgb(12,236,246)
```
#0cd9f6
```
#0cd9f6 rgb(12,217,246)
```
#0cc5f6
```
#0cc5f6 rgb(12,197,246)
```
#0cb2f6
```
#0cb2f6 rgb(12,178,246)
```
#0c9ef6
```
#0c9ef6 rgb(12,158,246)
```
#0c8bf6
```
#0c8bf6 rgb(12,139,246)
```

Similar Colors

Text with hexadecimal color #0cc5f6

This text has a font color of #0cc5f6.

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

#0cc5f6 background color

This paragraph has a background color of #0cc5f6.

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

#0cc5f6 border color

This element has a border color of #0cc5f6.

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

CSS codes

.text {color:#0cc5f6;}

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

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

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, #000203 is the darkest color, while #effbfe is the lightest one.

#000203
```
#000203 rgb(0,2,3)
```
#011116
```
#011116 rgb(1,17,22)
```
#022129
```
#022129 rgb(2,33,41)
```
#02303c
```
#02303c rgb(2,48,60)
```
#033f4f
```
#033f4f rgb(3,63,79)
```
#044e61
```
#044e61 rgb(4,78,97)
```
#045d74
```
#045d74 rgb(4,93,116)
```
#056c87
```
#056c87 rgb(5,108,135)
```
#067b9a
```
#067b9a rgb(6,123,154)
```
#068aad
```
#068aad rgb(6,138,173)
```
#0799c0
```
#0799c0 rgb(7,153,192)
```
#08a8d3
```
#08a8d3 rgb(8,168,211)
```
#09b8e6
```
#09b8e6 rgb(9,184,230)
```

Shade Color Variation

#0cc5f6
```
#0cc5f6 rgb(12,197,246)
```
#1fcaf7
```
#1fcaf7 rgb(31,202,247)
```
#32cef7
```
#32cef7 rgb(50,206,247)
```
#45d3f8
```
#45d3f8 rgb(69,211,248)
```
#58d7f9
```
#58d7f9 rgb(88,215,249)
```
#6bdcfa
```
#6bdcfa rgb(107,220,250)
```
#7de0fa
```
#7de0fa rgb(125,224,250)
```
#90e5fb
```
#90e5fb rgb(144,229,251)
```
#a3e9fc
```
#a3e9fc rgb(163,233,252)
```
#b6eefc
```
#b6eefc rgb(182,238,252)
```
#c9f2fd
```
#c9f2fd rgb(201,242,253)
```
#dcf7fe
```
#dcf7fe rgb(220,247,254)
```
#effbfe
```
#effbfe rgb(239,251,254)
```

Tint Color Variation

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

#808182
```
#808182 rgb(128,129,130)
```
#77878b
```
#77878b rgb(119,135,139)
```
#6d8d95
```
#6d8d95 rgb(109,141,149)
```
#63929f
```
#63929f rgb(99,146,159)
```
#5a98a8
```
#5a98a8 rgb(90,152,168)
```
#509eb2
```
#509eb2 rgb(80,158,178)
```
#46a3bc
```
#46a3bc rgb(70,163,188)
```
#3ca9c6
```
#3ca9c6 rgb(60,169,198)
```
#33aecf
```
#33aecf rgb(51,174,207)
```
#29b4d9
```
#29b4d9 rgb(41,180,217)
```
#1fbae3
```
#1fbae3 rgb(31,186,227)
```
#16bfec
```
#16bfec rgb(22,191,236)
```
#0cc5f6
```
#0cc5f6 rgb(12,197,246)
```

Tone Color Variation

Below, you can see how #0cc5f6 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

#939393 Achromatopsia 0.005% of the population
#789da7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb7eb Protanopia 1% of men
#a0b7fc Deuteranopia 1% of men
#00cbd9 Tritanopia 0.001% of the population

Trichromacy

#71bcef Protanomaly 1% of men, 0.01% of women
#6abcfa Deuteranomaly 6% of men, 0.4% of women
#04c9e4 Tritanomaly 0.01% of the population

#0cc5f6 hex color

#0cc5f6 Color Information

#0cc5f6 Color Conversion

Color Schemes with #0cc5f6

Alternatives to #0cc5f6

#0cc5f6 Preview

Shades and Tints of #0cc5f6

Tones of #0cc5f6

Color Blindness Simulator