#0c678a hex color

In a RGB color space, hex #0c678a is composed of 4.7% red, 40.4% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 91.3% cyan, 25.4% magenta, 0% yellow and 45.9% black. It has a hue angle of 196.7 degrees, a saturation of 84% and a lightness of 29.4%. #0c678a color hex could be obtained by blending #18ceff with #000015. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 5
- G 40
- B 54
RGB color chart
- C 91
- M 25
- Y 0
- K 46
CMYK color chart

● #0c678a color description : Dark blue.

The hexadecimal color #0c678a has RGB values of R:12, G:103, B:138 and CMYK values of C:0.91, M:0.25, Y:0, K:0.46. Its decimal value is 812938.

Hex triplet	0c678a	`#0c678a`
RGB Decimal	12, 103, 138	`rgb(12,103,138)`
RGB Percent	4.7, 40.4, 54.1	`rgb(4.7%,40.4%,54.1%)`
CMYK	91, 25, 0, 46
HSL	196.7°, 84, 29.4	`hsl(196.7,84%,29.4%)`
HSV (or HSB)	196.7°, 91.3, 54.1
Web Safe	006699	`#006699`

CIE-LAB	40.594, -11.183, -26.152
XYZ	9.588, 11.613, 25.779
xyY	0.204, 0.247, 11.613
CIE-LCH	40.594, 28.443, 246.849
CIE-LUV	40.594, -26.893, -35.926
Hunter-Lab	34.077, -9.412, -20.999
Binary	00001100, 01100111, 10001010

#0c678a
```
#0c678a rgb(12,103,138)
```
#8a2f0c
```
#8a2f0c rgb(138,47,12)
```

Complementary Color

#0c8a6e
```
#0c8a6e rgb(12,138,110)
```
#0c678a
```
#0c678a rgb(12,103,138)
```
#0c288a
```
#0c288a rgb(12,40,138)
```

Analogous Color

#8a6e0c
```
#8a6e0c rgb(138,110,12)
```
#0c678a
```
#0c678a rgb(12,103,138)
```
#8a0c28
```
#8a0c28 rgb(138,12,40)
```

Split Complementary Color

#678a0c
```
#678a0c rgb(103,138,12)
```
#0c678a
```
#0c678a rgb(12,103,138)
```
#8a0c67
```
#8a0c67 rgb(138,12,103)
```

Triadic Color

#0c8a2f
```
#0c8a2f rgb(12,138,47)
```
#0c678a
```
#0c678a rgb(12,103,138)
```
#8a0c67
```
#8a0c67 rgb(138,12,103)
```
#8a2f0c
```
#8a2f0c rgb(138,47,12)
```

Tetradic Color

#063244
```
#063244 rgb(6,50,68)
```
#08445b
```
#08445b rgb(8,68,91)
```
#0a5573
```
#0a5573 rgb(10,85,115)
```
#0c678a
```
#0c678a rgb(12,103,138)
```
#0e79a1
```
#0e79a1 rgb(14,121,161)
```
#108ab9
```
#108ab9 rgb(16,138,185)
```
#129cd0
```
#129cd0 rgb(18,156,208)
```

Monochromatic Color

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

#0c878a
```
#0c878a rgb(12,135,138)
```
#0c7c8a
```
#0c7c8a rgb(12,124,138)
```
#0c728a
```
#0c728a rgb(12,114,138)
```
#0c678a
```
#0c678a rgb(12,103,138)
```
#0c5d8a
```
#0c5d8a rgb(12,93,138)
```
#0c528a
```
#0c528a rgb(12,82,138)
```
#0c488a
```
#0c488a rgb(12,72,138)
```

Similar Colors

Text with hexadecimal color #0c678a

This text has a font color of #0c678a.

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

#0c678a background color

This paragraph has a background color of #0c678a.

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

#0c678a border color

This element has a border color of #0c678a.

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

CSS codes

.text {color:#0c678a;}

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

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

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, #01090c is the darkest color, while #f9fdfe is the lightest one.

#01090c
```
#01090c rgb(1,9,12)
```
#03161e
```
#03161e rgb(3,22,30)
```
#042430
```
#042430 rgb(4,36,48)
```
#063142
```
#063142 rgb(6,49,66)
```
#073f54
```
#073f54 rgb(7,63,84)
```
#094c66
```
#094c66 rgb(9,76,102)
```
#0a5a78
```
#0a5a78 rgb(10,90,120)
```
#0c678a
```
#0c678a rgb(12,103,138)
```
#0e749c
```
#0e749c rgb(14,116,156)
```
#0f82ae
```
#0f82ae rgb(15,130,174)
```
#118fc0
```
#118fc0 rgb(17,143,192)
```
#129dd2
```
#129dd2 rgb(18,157,210)
```
#14aae4
```
#14aae4 rgb(20,170,228)
```

Shade Color Variation

#20b3ec
```
#20b3ec rgb(32,179,236)
```
#32b9ed
```
#32b9ed rgb(50,185,237)
```
#44bfef
```
#44bfef rgb(68,191,239)
```
#56c6f0
```
#56c6f0 rgb(86,198,240)
```
#68ccf2
```
#68ccf2 rgb(104,204,242)
```
#7ad2f3
```
#7ad2f3 rgb(122,210,243)
```
#8cd8f5
```
#8cd8f5 rgb(140,216,245)
```
#9edef7
```
#9edef7 rgb(158,222,247)
```
#b0e4f8
```
#b0e4f8 rgb(176,228,248)
```
#c2eafa
```
#c2eafa rgb(194,234,250)
```
#d5f1fb
```
#d5f1fb rgb(213,241,251)
```
#e7f7fd
```
#e7f7fd rgb(231,247,253)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #464d50 is the less saturated color, while #006c96 is the most saturated one.

#464d50
```
#464d50 rgb(70,77,80)
```
#405056
```
#405056 rgb(64,80,86)
```
#3a525c
```
#3a525c rgb(58,82,92)
```
#345562
```
#345562 rgb(52,85,98)
```
#2f5867
```
#2f5867 rgb(47,88,103)
```
#295a6d
```
#295a6d rgb(41,90,109)
```
#235d73
```
#235d73 rgb(35,93,115)
```
#1d5f79
```
#1d5f79 rgb(29,95,121)
```
#18627e
```
#18627e rgb(24,98,126)
```
#126484
```
#126484 rgb(18,100,132)
```
#0c678a
```
#0c678a rgb(12,103,138)
```
#066a90
```
#066a90 rgb(6,106,144)
```
#006c96
```
#006c96 rgb(0,108,150)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#42555c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c668a Protanopia 1% of men
#546793 Deuteranopia 1% of men
#007279 Tritanopia 0.001% of the population

Trichromacy

#3f668a Protanomaly 1% of men, 0.01% of women
#3a678f Deuteranomaly 6% of men, 0.4% of women
#046e7f Tritanomaly 0.01% of the population

#0c678a hex color

#0c678a Color Information

#0c678a Color Conversion

Color Schemes with #0c678a

Alternatives to #0c678a

#0c678a Preview

Shades and Tints of #0c678a

Tones of #0c678a

Color Blindness Simulator