#0c6ad2 hex color

In a RGB color space, hex #0c6ad2 is composed of 4.7% red, 41.6% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 94.3% cyan, 49.5% magenta, 0% yellow and 17.6% black. It has a hue angle of 211.5 degrees, a saturation of 89.2% and a lightness of 43.5%. #0c6ad2 color hex could be obtained by blending #18d4ff with #0000a5. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 5
- G 42
- B 82
RGB color chart
- C 94
- M 50
- Y 0
- K 18
CMYK color chart

● #0c6ad2 color description : Strong blue.

The hexadecimal color #0c6ad2 has RGB values of R:12, G:106, B:210 and CMYK values of C:0.94, M:0.5, Y:0, K:0.18. Its decimal value is 813778.

Hex triplet	0c6ad2	`#0c6ad2`
RGB Decimal	12, 106, 210	`rgb(12,106,210)`
RGB Percent	4.7, 41.6, 82.4	`rgb(4.7%,41.6%,82.4%)`
CMYK	94, 50, 0, 18
HSL	211.5°, 89.2, 43.5	`hsl(211.5,89.2%,43.5%)`
HSV (or HSB)	211.5°, 94.3, 82.4
Web Safe	0066cc	`#0066cc`

CIE-LAB	45.686, 15.47, -60.283
XYZ	16.936, 15.038, 62.979
xyY	0.178, 0.158, 15.038
CIE-LCH	45.686, 62.237, 284.393
CIE-LUV	45.686, -24.245, -91.845
Hunter-Lab	38.779, 10.094, -69.146
Binary	00001100, 01101010, 11010010

#0c6ad2
```
#0c6ad2 rgb(12,106,210)
```
#d2740c
```
#d2740c rgb(210,116,12)
```

Complementary Color

#0ccdd2
```
#0ccdd2 rgb(12,205,210)
```
#0c6ad2
```
#0c6ad2 rgb(12,106,210)
```
#110cd2
```
#110cd2 rgb(17,12,210)
```

Analogous Color

#cdd20c
```
#cdd20c rgb(205,210,12)
```
#0c6ad2
```
#0c6ad2 rgb(12,106,210)
```
#d2110c
```
#d2110c rgb(210,17,12)
```

Split Complementary Color

#6ad20c
```
#6ad20c rgb(106,210,12)
```
#0c6ad2
```
#0c6ad2 rgb(12,106,210)
```
#d20c6a
```
#d20c6a rgb(210,12,106)
```

Triadic Color

#0cd274
```
#0cd274 rgb(12,210,116)
```
#0c6ad2
```
#0c6ad2 rgb(12,106,210)
```
#d20c6a
```
#d20c6a rgb(210,12,106)
```
#d2740c
```
#d2740c rgb(210,116,12)
```

Tetradic Color

#08458a
```
#08458a rgb(8,69,138)
```
#0952a2
```
#0952a2 rgb(9,82,162)
```
#0b5eba
```
#0b5eba rgb(11,94,186)
```
#0c6ad2
```
#0c6ad2 rgb(12,106,210)
```
#0d76ea
```
#0d76ea rgb(13,118,234)
```
#1f83f2
```
#1f83f2 rgb(31,131,242)
```
#3790f4
```
#3790f4 rgb(55,144,244)
```

Monochromatic Color

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

#0c9cd2
```
#0c9cd2 rgb(12,156,210)
```
#0c8bd2
```
#0c8bd2 rgb(12,139,210)
```
#0c7bd2
```
#0c7bd2 rgb(12,123,210)
```
#0c6ad2
```
#0c6ad2 rgb(12,106,210)
```
#0c5ad2
```
#0c5ad2 rgb(12,90,210)
```
#0c49d2
```
#0c49d2 rgb(12,73,210)
```
#0c39d2
```
#0c39d2 rgb(12,57,210)
```

Similar Colors

Text with hexadecimal color #0c6ad2

This text has a font color of #0c6ad2.

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

#0c6ad2 background color

This paragraph has a background color of #0c6ad2.

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

#0c6ad2 border color

This element has a border color of #0c6ad2.

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

CSS codes

.text {color:#0c6ad2;}

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

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

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

#000306
```
#000306 rgb(0,3,6)
```
#010c18
```
#010c18 rgb(1,12,24)
```
#02162b
```
#02162b rgb(2,22,43)
```
#041f3e
```
#041f3e rgb(4,31,62)
```
#052850
```
#052850 rgb(5,40,80)
```
#063263
```
#063263 rgb(6,50,99)
```
#073b75
```
#073b75 rgb(7,59,117)
```
#084588
```
#084588 rgb(8,69,136)
```
#094e9a
```
#094e9a rgb(9,78,154)
```
#0a57ad
```
#0a57ad rgb(10,87,173)
```
#0b61bf
```
#0b61bf rgb(11,97,191)
```
#0c6ad2
```
#0c6ad2 rgb(12,106,210)
```
#0d73e5
```
#0d73e5 rgb(13,115,229)
```

Shade Color Variation

#147df2
```
#147df2 rgb(20,125,242)
```
#2687f3
```
#2687f3 rgb(38,135,243)
```
#3992f4
```
#3992f4 rgb(57,146,244)
```
#4b9cf5
```
#4b9cf5 rgb(75,156,245)
```
#5ea6f6
```
#5ea6f6 rgb(94,166,246)
```
#70b0f7
```
#70b0f7 rgb(112,176,247)
```
#83bbf8
```
#83bbf8 rgb(131,187,248)
```
#96c5f9
```
#96c5f9 rgb(150,197,249)
```
#a8cffa
```
#a8cffa rgb(168,207,250)
```
#bbd9fb
```
#bbd9fb rgb(187,217,251)
```
#cde4fc
```
#cde4fc rgb(205,228,252)
```
#e0eefd
```
#e0eefd rgb(224,238,253)
```
#f2f8fe
```
#f2f8fe rgb(242,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6f74 is the less saturated color, while #036adb is the most saturated one.

#6a6f74
```
#6a6f74 rgb(106,111,116)
```
#616e7d
```
#616e7d rgb(97,110,125)
```
#596e85
```
#596e85 rgb(89,110,133)
```
#506d8e
```
#506d8e rgb(80,109,142)
```
#486d96
```
#486d96 rgb(72,109,150)
```
#3f6d9f
```
#3f6d9f rgb(63,109,159)
```
#376ca7
```
#376ca7 rgb(55,108,167)
```
#2e6cb0
```
#2e6cb0 rgb(46,108,176)
```
#266bb8
```
#266bb8 rgb(38,107,184)
```
#1d6bc1
```
#1d6bc1 rgb(29,107,193)
```
#156ac9
```
#156ac9 rgb(21,106,201)
```
#0c6ad2
```
#0c6ad2 rgb(12,106,210)
```
#036adb
```
#036adb rgb(3,106,219)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#4a5d72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3170d3 Protanopia 1% of men
#0076c1 Deuteranopia 1% of men
#007f86 Tritanopia 0.001% of the population

Trichromacy

#236ed2 Protanomaly 1% of men, 0.01% of women
#0471c7 Deuteranomaly 6% of men, 0.4% of women
#0477a1 Tritanomaly 0.01% of the population

#0c6ad2 hex color

#0c6ad2 Color Information

#0c6ad2 Color Conversion

Color Schemes with #0c6ad2

Alternatives to #0c6ad2

#0c6ad2 Preview

Shades and Tints of #0c6ad2

Tones of #0c6ad2

Color Blindness Simulator