#0c7684 hex color

In a RGB color space, hex #0c7684 is composed of 4.7% red, 46.3% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 90.9% cyan, 10.6% magenta, 0% yellow and 48.2% black. It has a hue angle of 187 degrees, a saturation of 83.3% and a lightness of 28.2%. #0c7684 color hex could be obtained by blending #18ecff with #000009. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 5
- G 46
- B 52
RGB color chart
- C 91
- M 11
- Y 0
- K 48
CMYK color chart

● #0c7684 color description : Dark cyan.

The hexadecimal color #0c7684 has RGB values of R:12, G:118, B:132 and CMYK values of C:0.91, M:0.11, Y:0, K:0.48. Its decimal value is 816772.

Hex triplet	0c7684	`#0c7684`
RGB Decimal	12, 118, 132	`rgb(12,118,132)`
RGB Percent	4.7, 46.3, 51.8	`rgb(4.7%,46.3%,51.8%)`
CMYK	91, 11, 0, 48
HSL	187°, 83.3, 28.2	`hsl(187,83.3%,28.2%)`
HSV (or HSB)	187°, 90.9, 51.8
Web Safe	006699	`#006699`

CIE-LAB	45.22, -21.752, -15.423
XYZ	10.794, 14.7, 24.097
xyY	0.218, 0.296, 14.7
CIE-LCH	45.22, 26.665, 215.339
CIE-LUV	45.22, -32.698, -19.132
Hunter-Lab	38.34, -16.844, -10.426
Binary	00001100, 01110110, 10000100

#0c7684
```
#0c7684 rgb(12,118,132)
```
#841a0c
```
#841a0c rgb(132,26,12)
```

Complementary Color

#0c8456
```
#0c8456 rgb(12,132,86)
```
#0c7684
```
#0c7684 rgb(12,118,132)
```
#0c3a84
```
#0c3a84 rgb(12,58,132)
```

Analogous Color

#84560c
```
#84560c rgb(132,86,12)
```
#0c7684
```
#0c7684 rgb(12,118,132)
```
#840c3a
```
#840c3a rgb(132,12,58)
```

Split Complementary Color

#76840c
```
#76840c rgb(118,132,12)
```
#0c7684
```
#0c7684 rgb(12,118,132)
```
#840c76
```
#840c76 rgb(132,12,118)
```

Triadic Color

#0c841a
```
#0c841a rgb(12,132,26)
```
#0c7684
```
#0c7684 rgb(12,118,132)
```
#840c76
```
#840c76 rgb(132,12,118)
```
#841a0c
```
#841a0c rgb(132,26,12)
```

Tetradic Color

#06373e
```
#06373e rgb(6,55,62)
```
#084c55
```
#084c55 rgb(8,76,85)
```
#0a616d
```
#0a616d rgb(10,97,109)
```
#0c7684
```
#0c7684 rgb(12,118,132)
```
#0e8b9b
```
#0e8b9b rgb(14,139,155)
```
#10a0b3
```
#10a0b3 rgb(16,160,179)
```
#12b5ca
```
#12b5ca rgb(18,181,202)
```

Monochromatic Color

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

#0c8474
```
#0c8474 rgb(12,132,116)
```
#0c847e
```
#0c847e rgb(12,132,126)
```
#0c8084
```
#0c8084 rgb(12,128,132)
```
#0c7684
```
#0c7684 rgb(12,118,132)
```
#0c6c84
```
#0c6c84 rgb(12,108,132)
```
#0c6284
```
#0c6284 rgb(12,98,132)
```
#0c5884
```
#0c5884 rgb(12,88,132)
```

Similar Colors

Text with hexadecimal color #0c7684

This text has a font color of #0c7684.

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

#0c7684 background color

This paragraph has a background color of #0c7684.

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

#0c7684 border color

This element has a border color of #0c7684.

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

CSS codes

.text {color:#0c7684;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#021618
```
#021618 rgb(2,22,24)
```
#04262a
```
#04262a rgb(4,38,42)
```
#05363c
```
#05363c rgb(5,54,60)
```
#07464e
```
#07464e rgb(7,70,78)
```
#095660
```
#095660 rgb(9,86,96)
```
#0a6672
```
#0a6672 rgb(10,102,114)
```
#0c7684
```
#0c7684 rgb(12,118,132)
```
#0e8696
```
#0e8696 rgb(14,134,150)
```
#0f96a8
```
#0f96a8 rgb(15,150,168)
```
#11a6ba
```
#11a6ba rgb(17,166,186)
```
#13b6cc
```
#13b6cc rgb(19,182,204)
```
#14c6de
```
#14c6de rgb(20,198,222)
```

Shade Color Variation

#1bd2ea
```
#1bd2ea rgb(27,210,234)
```
#2dd6ec
```
#2dd6ec rgb(45,214,236)
```
#3fd9ee
```
#3fd9ee rgb(63,217,238)
```
#51ddef
```
#51ddef rgb(81,221,239)
```
#63e0f1
```
#63e0f1 rgb(99,224,241)
```
#75e4f2
```
#75e4f2 rgb(117,228,242)
```
#87e7f4
```
#87e7f4 rgb(135,231,244)
```
#99ebf6
```
#99ebf6 rgb(153,235,246)
```
#abeff7
```
#abeff7 rgb(171,239,247)
```
#bdf2f9
```
#bdf2f9 rgb(189,242,249)
```
#cff6fb
```
#cff6fb rgb(207,246,251)
```
#e1f9fc
```
#e1f9fc rgb(225,249,252)
```
#f3fdfe
```
#f3fdfe rgb(243,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #434c4d is the less saturated color, while #017e8f is the most saturated one.

#434c4d
```
#434c4d rgb(67,76,77)
```
#3e5052
```
#3e5052 rgb(62,80,82)
```
#385458
```
#385458 rgb(56,84,88)
```
#33585d
```
#33585d rgb(51,88,93)
```
#2d5d63
```
#2d5d63 rgb(45,93,99)
```
#286168
```
#286168 rgb(40,97,104)
```
#22656e
```
#22656e rgb(34,101,110)
```
#1d6973
```
#1d6973 rgb(29,105,115)
```
#176e79
```
#176e79 rgb(23,110,121)
```
#12727e
```
#12727e rgb(18,114,126)
```
#0c7684
```
#0c7684 rgb(12,118,132)
```
#067a8a
```
#067a8a rgb(6,122,138)
```
#017e8f
```
#017e8f rgb(1,126,143)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#495e61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f7183 Protanopia 1% of men
#6d708f Deuteranopia 1% of men
#0f7d86 Tritanopia 0.001% of the population

Trichromacy

#4b7383 Protanomaly 1% of men, 0.01% of women
#4a728b Deuteranomaly 6% of men, 0.4% of women
#0e7a85 Tritanomaly 0.01% of the population

#0c7684 hex color

#0c7684 Color Information

#0c7684 Color Conversion

Color Schemes with #0c7684

Alternatives to #0c7684

#0c7684 Preview

Shades and Tints of #0c7684

Tones of #0c7684

Color Blindness Simulator