#0c687c hex color

In a RGB color space, hex #0c687c is composed of 4.7% red, 40.8% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 90.3% cyan, 16.1% magenta, 0% yellow and 51.4% black. It has a hue angle of 190.7 degrees, a saturation of 82.4% and a lightness of 26.7%. #0c687c color hex could be obtained by blending #18d0f8 with #000000. Closest websafe color is: #006666.

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

● #0c687c color description : Dark cyan.

The hexadecimal color #0c687c has RGB values of R:12, G:104, B:124 and CMYK values of C:0.9, M:0.16, Y:0, K:0.51. Its decimal value is 813180.

Hex triplet	0c687c	`#0c687c`
RGB Decimal	12, 104, 124	`rgb(12,104,124)`
RGB Percent	4.7, 40.8, 48.6	`rgb(4.7%,40.8%,48.6%)`
CMYK	90, 16, 0, 51
HSL	190.7°, 82.4, 26.7	`hsl(190.7,82.4%,26.7%)`
HSV (or HSB)	190.7°, 90.3, 48.6
Web Safe	006666	`#006666`

CIE-LAB	40.301, -17.003, -18.141
XYZ	8.739, 11.433, 20.814
xyY	0.213, 0.279, 11.433
CIE-LCH	40.301, 24.864, 226.854
CIE-LUV	40.301, -28.185, -23.222
Hunter-Lab	33.813, -13.039, -12.827
Binary	00001100, 01101000, 01111100

#0c687c
```
#0c687c rgb(12,104,124)
```
#7c200c
```
#7c200c rgb(124,32,12)
```

Complementary Color

#0c7c58
```
#0c7c58 rgb(12,124,88)
```
#0c687c
```
#0c687c rgb(12,104,124)
```
#0c307c
```
#0c307c rgb(12,48,124)
```

Analogous Color

#7c580c
```
#7c580c rgb(124,88,12)
```
#0c687c
```
#0c687c rgb(12,104,124)
```
#7c0c30
```
#7c0c30 rgb(124,12,48)
```

Split Complementary Color

#687c0c
```
#687c0c rgb(104,124,12)
```
#0c687c
```
#0c687c rgb(12,104,124)
```
#7c0c68
```
#7c0c68 rgb(124,12,104)
```

Triadic Color

#0c7c20
```
#0c7c20 rgb(12,124,32)
```
#0c687c
```
#0c687c rgb(12,104,124)
```
#7c0c68
```
#7c0c68 rgb(124,12,104)
```
#7c200c
```
#7c200c rgb(124,32,12)
```

Tetradic Color

#052e36
```
#052e36 rgb(5,46,54)
```
#08414e
```
#08414e rgb(8,65,78)
```
#0a5565
```
#0a5565 rgb(10,85,101)
```
#0c687c
```
#0c687c rgb(12,104,124)
```
#0e7c93
```
#0e7c93 rgb(14,124,147)
```
#118fab
```
#118fab rgb(17,143,171)
```
#13a3c2
```
#13a3c2 rgb(19,163,194)
```

Monochromatic Color

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

#0c7c74
```
#0c7c74 rgb(12,124,116)
```
#0c7b7c
```
#0c7b7c rgb(12,123,124)
```
#0c717c
```
#0c717c rgb(12,113,124)
```
#0c687c
```
#0c687c rgb(12,104,124)
```
#0c5f7c
```
#0c5f7c rgb(12,95,124)
```
#0c557c
```
#0c557c rgb(12,85,124)
```
#0c4c7c
```
#0c4c7c rgb(12,76,124)
```

Similar Colors

Text with hexadecimal color #0c687c

This text has a font color of #0c687c.

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

#0c687c background color

This paragraph has a background color of #0c687c.

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

#0c687c border color

This element has a border color of #0c687c.

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

CSS codes

.text {color:#0c687c;}

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

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

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, #020e11 is the darkest color, while #feffff is the lightest one.

#020e11
```
#020e11 rgb(2,14,17)
```
#031d23
```
#031d23 rgb(3,29,35)
```
#052c34
```
#052c34 rgb(5,44,52)
```
#073b46
```
#073b46 rgb(7,59,70)
```
#094a58
```
#094a58 rgb(9,74,88)
```
#0a596a
```
#0a596a rgb(10,89,106)
```
#0c687c
```
#0c687c rgb(12,104,124)
```
#0e778e
```
#0e778e rgb(14,119,142)
```
#0f86a0
```
#0f86a0 rgb(15,134,160)
```
#1195b2
```
#1195b2 rgb(17,149,178)
```
#13a4c4
```
#13a4c4 rgb(19,164,196)
```
#15b3d5
```
#15b3d5 rgb(21,179,213)
```
#16c2e7
```
#16c2e7 rgb(22,194,231)
```

Shade Color Variation

#27c7ea
```
#27c7ea rgb(39,199,234)
```
#39ccec
```
#39ccec rgb(57,204,236)
```
#4bd1ee
```
#4bd1ee rgb(75,209,238)
```
#5dd5ef
```
#5dd5ef rgb(93,213,239)
```
#6fdaf1
```
#6fdaf1 rgb(111,218,241)
```
#81def3
```
#81def3 rgb(129,222,243)
```
#93e3f5
```
#93e3f5 rgb(147,227,245)
```
#a4e8f6
```
#a4e8f6 rgb(164,232,246)
```
#b6ecf8
```
#b6ecf8 rgb(182,236,248)
```
#c8f1fa
```
#c8f1fa rgb(200,241,250)
```
#daf5fb
```
#daf5fb rgb(218,245,251)
```
#ecfafd
```
#ecfafd rgb(236,250,253)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#404648
```
#404648 rgb(64,70,72)
```
#3b4a4d
```
#3b4a4d rgb(59,74,77)
```
#364d52
```
#364d52 rgb(54,77,82)
```
#315057
```
#315057 rgb(49,80,87)
```
#2b545d
```
#2b545d rgb(43,84,93)
```
#265762
```
#265762 rgb(38,87,98)
```
#215b67
```
#215b67 rgb(33,91,103)
```
#1c5e6c
```
#1c5e6c rgb(28,94,108)
```
#166172
```
#166172 rgb(22,97,114)
```
#116577
```
#116577 rgb(17,101,119)
```
#0c687c
```
#0c687c rgb(12,104,124)
```
#076b81
```
#076b81 rgb(7,107,129)
```
#026f86
```
#026f86 rgb(2,111,134)
```

Tone Color Variation

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

#61667c Protanopia 1% of men
#5e6586 Deuteranopia 1% of men
#007179 Tritanopia 0.001% of the population

Trichromacy

#42667c Protanomaly 1% of men, 0.01% of women
#406682 Deuteranomaly 6% of men, 0.4% of women
#046d7a Tritanomaly 0.01% of the population

#0c687c hex color

#0c687c Color Information

#0c687c Color Conversion

Color Schemes with #0c687c

Alternatives to #0c687c

#0c687c Preview

Shades and Tints of #0c687c

Tones of #0c687c

Color Blindness Simulator