#0c687e hex color

In a RGB color space, hex #0c687e is composed of 4.7% red, 40.8% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 90.5% cyan, 17.5% magenta, 0% yellow and 50.6% black. It has a hue angle of 191.6 degrees, a saturation of 82.6% and a lightness of 27.1%. #0c687e color hex could be obtained by blending #18d0fc with #000000. Closest websafe color is: #006666.

♥
- f
- t
- g
- R 5
- G 41
- B 49
RGB color chart
- C 90
- M 17
- Y 0
- K 51
CMYK color chart

● #0c687e color description : Dark cyan.

The hexadecimal color #0c687e has RGB values of R:12, G:104, B:126 and CMYK values of C:0.9, M:0.17, Y:0, K:0.51. Its decimal value is 813182.

Hex triplet	0c687e	`#0c687e`
RGB Decimal	12, 104, 126	`rgb(12,104,126)`
RGB Percent	4.7, 40.8, 49.4	`rgb(4.7%,40.8%,49.4%)`
CMYK	90, 17, 0, 51
HSL	191.6°, 82.6, 27.1	`hsl(191.6,82.6%,27.1%)`
HSV (or HSB)	191.6°, 90.5, 49.4
Web Safe	006666	`#006666`

CIE-LAB	40.384, -16.27, -19.225
XYZ	8.867, 11.484, 21.487
xyY	0.212, 0.274, 11.484
CIE-LCH	40.384, 25.185, 229.76
CIE-LUV	40.384, -28.048, -24.927
Hunter-Lab	33.888, -12.601, -13.871
Binary	00001100, 01101000, 01111110

#0c687e
```
#0c687e rgb(12,104,126)
```
#7e220c
```
#7e220c rgb(126,34,12)
```

Complementary Color

#0c7e5b
```
#0c7e5b rgb(12,126,91)
```
#0c687e
```
#0c687e rgb(12,104,126)
```
#0c2f7e
```
#0c2f7e rgb(12,47,126)
```

Analogous Color

#7e5b0c
```
#7e5b0c rgb(126,91,12)
```
#0c687e
```
#0c687e rgb(12,104,126)
```
#7e0c2f
```
#7e0c2f rgb(126,12,47)
```

Split Complementary Color

#687e0c
```
#687e0c rgb(104,126,12)
```
#0c687e
```
#0c687e rgb(12,104,126)
```
#7e0c68
```
#7e0c68 rgb(126,12,104)
```

Triadic Color

#0c7e22
```
#0c7e22 rgb(12,126,34)
```
#0c687e
```
#0c687e rgb(12,104,126)
```
#7e0c68
```
#7e0c68 rgb(126,12,104)
```
#7e220c
```
#7e220c rgb(126,34,12)
```

Tetradic Color

#052e38
```
#052e38 rgb(5,46,56)
```
#08424f
```
#08424f rgb(8,66,79)
```
#0a5567
```
#0a5567 rgb(10,85,103)
```
#0c687e
```
#0c687e rgb(12,104,126)
```
#0e7b95
```
#0e7b95 rgb(14,123,149)
```
#108ead
```
#108ead rgb(16,142,173)
```
#13a2c4
```
#13a2c4 rgb(19,162,196)
```

Monochromatic Color

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

#0c7e78
```
#0c7e78 rgb(12,126,120)
```
#0c7b7e
```
#0c7b7e rgb(12,123,126)
```
#0c727e
```
#0c727e rgb(12,114,126)
```
#0c687e
```
#0c687e rgb(12,104,126)
```
#0c5e7e
```
#0c5e7e rgb(12,94,126)
```
#0c557e
```
#0c557e rgb(12,85,126)
```
#0c4b7e
```
#0c4b7e rgb(12,75,126)
```

Similar Colors

Text with hexadecimal color #0c687e

This text has a font color of #0c687e.

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

#0c687e background color

This paragraph has a background color of #0c687e.

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

#0c687e border color

This element has a border color of #0c687e.

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

CSS codes

.text {color:#0c687e;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#020f13
```
#020f13 rgb(2,15,19)
```
#031e24
```
#031e24 rgb(3,30,36)
```
#052d36
```
#052d36 rgb(5,45,54)
```
#073c48
```
#073c48 rgb(7,60,72)
```
#094a5a
```
#094a5a rgb(9,74,90)
```
#0a596c
```
#0a596c rgb(10,89,108)
```
#0c687e
```
#0c687e rgb(12,104,126)
```
#0e7790
```
#0e7790 rgb(14,119,144)
```
#0f86a2
```
#0f86a2 rgb(15,134,162)
```
#1194b4
```
#1194b4 rgb(17,148,180)
```
#13a3c6
```
#13a3c6 rgb(19,163,198)
```
#15b2d8
```
#15b2d8 rgb(21,178,216)
```

Shade Color Variation

#17c0e9
```
#17c0e9 rgb(23,192,233)
```
#29c5eb
```
#29c5eb rgb(41,197,235)
```
#3bcaec
```
#3bcaec rgb(59,202,236)
```
#4dcfee
```
#4dcfee rgb(77,207,238)
```
#5ed4f0
```
#5ed4f0 rgb(94,212,240)
```
#70d9f1
```
#70d9f1 rgb(112,217,241)
```
#82ddf3
```
#82ddf3 rgb(130,221,243)
```
#94e2f5
```
#94e2f5 rgb(148,226,245)
```
#a6e7f7
```
#a6e7f7 rgb(166,231,247)
```
#b8ecf8
```
#b8ecf8 rgb(184,236,248)
```
#caf1fa
```
#caf1fa rgb(202,241,250)
```
#dcf6fc
```
#dcf6fc rgb(220,246,252)
```
#eefafd
```
#eefafd rgb(238,250,253)
```

Tint Color Variation

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

#414749
```
#414749 rgb(65,71,73)
```
#3c4b4e
```
#3c4b4e rgb(60,75,78)
```
#364e54
```
#364e54 rgb(54,78,84)
```
#315159
```
#315159 rgb(49,81,89)
```
#2c545e
```
#2c545e rgb(44,84,94)
```
#275863
```
#275863 rgb(39,88,99)
```
#215b69
```
#215b69 rgb(33,91,105)
```
#1c5e6e
```
#1c5e6e rgb(28,94,110)
```
#176173
```
#176173 rgb(23,97,115)
```
#116579
```
#116579 rgb(17,101,121)
```
#0c687e
```
#0c687e rgb(12,104,126)
```
#076b83
```
#076b83 rgb(7,107,131)
```
#016f89
```
#016f89 rgb(1,111,137)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#425458 Atypical Achromatopsia 0.001% of the population

Dichromacy

#61667e Protanopia 1% of men
#5d6688 Deuteranopia 1% of men
#007179 Tritanopia 0.001% of the population

Trichromacy

#42677e Protanomaly 1% of men, 0.01% of women
#3f6684 Deuteranomaly 6% of men, 0.4% of women
#046e7b Tritanomaly 0.01% of the population

#0c687e hex color

#0c687e Color Information

#0c687e Color Conversion

Color Schemes with #0c687e

Alternatives to #0c687e

#0c687e Preview

Shades and Tints of #0c687e

Tones of #0c687e

Color Blindness Simulator