colorhexa.com

#0c78c2 hex color

In a RGB color space, hex #0c78c2 is composed of 4.7% red, 47.1% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 93.8% cyan, 38.1% magenta, 0% yellow and 23.9% black. It has a hue angle of 204.4 degrees, a saturation of 88.3% and a lightness of 40.4%. #0c78c2 color hex could be obtained by blending #18f0ff with #000085. Closest websafe color is: #0066cc.

- R 5
- G 47
- B 76
RGB color chart
- C 94
- M 38
- Y 0
- K 24
CMYK color chart

● #0c78c2 color description : Strong blue.

The hexadecimal color #0c78c2 has RGB values of R:12, G:120, B:194 and CMYK values of C:0.94, M:0.38, Y:0, K:0.24. Its decimal value is 817346.

Hex triplet	0c78c2	`#0c78c2`
RGB Decimal	12, 120, 194	`rgb(12,120,194)`
RGB Percent	4.7, 47.1, 76.1	`rgb(4.7%,47.1%,76.1%)`
CMYK	94, 38, 0, 24
HSL	204.4°, 88.3, 40.4	`hsl(204.4,88.3%,40.4%)`
HSV (or HSB)	204.4°, 93.8, 76.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	48.766, 0.342, -46.174
XYZ	16.603, 17.405, 53.52
xyY	0.19, 0.199, 17.405
CIE-LCH	48.766, 46.176, 270.424
CIE-LUV	48.766, -29.347, -70.304
Hunter-Lab	41.719, -1.968, -46.859
Binary	00001100, 01111000, 11000010

#0c78c2
```
#0c78c2 rgb(12,120,194)
```
#c2560c
```
#c2560c rgb(194,86,12)
```

Complementary Color

#0cc2b1
```
#0cc2b1 rgb(12,194,177)
```
#0c78c2
```
#0c78c2 rgb(12,120,194)
```
#0c1dc2
```
#0c1dc2 rgb(12,29,194)
```

Analogous Color

#c2b10c
```
#c2b10c rgb(194,177,12)
```
#0c78c2
```
#0c78c2 rgb(12,120,194)
```
#c20c1d
```
#c20c1d rgb(194,12,29)
```

Split Complementary Color

#78c20c
```
#78c20c rgb(120,194,12)
```
#0c78c2
```
#0c78c2 rgb(12,120,194)
```
#c20c78
```
#c20c78 rgb(194,12,120)
```

Triadic Color

#0cc256
```
#0cc256 rgb(12,194,86)
```
#0c78c2
```
#0c78c2 rgb(12,120,194)
```
#c20c78
```
#c20c78 rgb(194,12,120)
```
#c2560c
```
#c2560c rgb(194,86,12)
```

Tetradic Color

#084b7a
```
#084b7a rgb(8,75,122)
```
#095a92
```
#095a92 rgb(9,90,146)
```
#0b69aa
```
#0b69aa rgb(11,105,170)
```
#0c78c2
```
#0c78c2 rgb(12,120,194)
```
#0d87da
```
#0d87da rgb(13,135,218)
```
#1195f0
```
#1195f0 rgb(17,149,240)
```
#29a0f2
```
#29a0f2 rgb(41,160,242)
```

Monochromatic Color

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

#0ca6c2
```
#0ca6c2 rgb(12,166,194)
```
#0c96c2
```
#0c96c2 rgb(12,150,194)
```
#0c87c2
```
#0c87c2 rgb(12,135,194)
```
#0c78c2
```
#0c78c2 rgb(12,120,194)
```
#0c69c2
```
#0c69c2 rgb(12,105,194)
```
#0c5ac2
```
#0c5ac2 rgb(12,90,194)
```
#0c4bc2
```
#0c4bc2 rgb(12,75,194)
```

Similar Colors

Text with hexadecimal color #0c78c2

This text has a font color of #0c78c2.

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

#0c78c2 background color

This paragraph has a background color of #0c78c2.

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

#0c78c2 border color

This element has a border color of #0c78c2.

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

CSS codes

.text {color:#0c78c2;}

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

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

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

#010609
```
#010609 rgb(1,6,9)
```
#02111c
```
#02111c rgb(2,17,28)
```
#031d2e
```
#031d2e rgb(3,29,46)
```
#042841
```
#042841 rgb(4,40,65)
```
#053353
```
#053353 rgb(5,51,83)
```
#063f66
```
#063f66 rgb(6,63,102)
```
#074a78
```
#074a78 rgb(7,74,120)
```
#09568b
```
#09568b rgb(9,86,139)
```
#0a619d
```
#0a619d rgb(10,97,157)
```
#0b6db0
```
#0b6db0 rgb(11,109,176)
```
#0c78c2
```
#0c78c2 rgb(12,120,194)
```
#0d83d4
```
#0d83d4 rgb(13,131,212)
```
#0e8fe7
```
#0e8fe7 rgb(14,143,231)
```

Shade Color Variation

#1899f1
```
#1899f1 rgb(24,153,241)
```
#2ba1f2
```
#2ba1f2 rgb(43,161,242)
```
#3da9f3
```
#3da9f3 rgb(61,169,243)
```
#50b1f4
```
#50b1f4 rgb(80,177,244)
```
#62b9f5
```
#62b9f5 rgb(98,185,245)
```
#74c2f6
```
#74c2f6 rgb(116,194,246)
```
#87caf8
```
#87caf8 rgb(135,202,248)
```
#99d2f9
```
#99d2f9 rgb(153,210,249)
```
#acdafa
```
#acdafa rgb(172,218,250)
```
#bee2fb
```
#bee2fb rgb(190,226,251)
```
#d1ebfc
```
#d1ebfc rgb(209,235,252)
```
#e3f3fd
```
#e3f3fd rgb(227,243,253)
```
#f6fbfe
```
#f6fbfe rgb(246,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #63686b is the less saturated color, while #0479ca is the most saturated one.

#63686b
```
#63686b rgb(99,104,107)
```
#5b6973
```
#5b6973 rgb(91,105,115)
```
#536b7b
```
#536b7b rgb(83,107,123)
```
#4b6c83
```
#4b6c83 rgb(75,108,131)
```
#436e8b
```
#436e8b rgb(67,110,139)
```
#3c6f92
```
#3c6f92 rgb(60,111,146)
```
#34719a
```
#34719a rgb(52,113,154)
```
#2c72a2
```
#2c72a2 rgb(44,114,162)
```
#2474aa
```
#2474aa rgb(36,116,170)
```
#1c75b2
```
#1c75b2 rgb(28,117,178)
```
#1477ba
```
#1477ba rgb(20,119,186)
```
#0c78c2
```
#0c78c2 rgb(12,120,194)
```
#0479ca
```
#0479ca rgb(4,121,202)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#4f6574 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c78c0 Protanopia 1% of men
#3e7cc6 Deuteranopia 1% of men
#00878f Tritanopia 0.001% of the population

Trichromacy

#3f78c0 Protanomaly 1% of men, 0.01% of women
#2c7ac4 Deuteranomaly 6% of men, 0.4% of women
#0481a1 Tritanomaly 0.01% of the population