#0c7ab2 hex color

In a RGB color space, hex #0c7ab2 is composed of 4.7% red, 47.8% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 93.3% cyan, 31.5% magenta, 0% yellow and 30.2% black. It has a hue angle of 200.2 degrees, a saturation of 87.4% and a lightness of 37.3%. #0c7ab2 color hex could be obtained by blending #18f4ff with #000065. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 5
- G 48
- B 70
RGB color chart
- C 93
- M 31
- Y 0
- K 30
CMYK color chart

● #0c7ab2 color description : Dark blue.

The hexadecimal color #0c7ab2 has RGB values of R:12, G:122, B:178 and CMYK values of C:0.93, M:0.31, Y:0, K:0.3. Its decimal value is 817842.

Hex triplet	0c7ab2	`#0c7ab2`
RGB Decimal	12, 122, 178	`rgb(12,122,178)`
RGB Percent	4.7, 47.8, 69.8	`rgb(4.7%,47.8%,69.8%)`
CMYK	93, 31, 0, 30
HSL	200.2°, 87.4, 37.3	`hsl(200.2,87.4%,37.3%)`
HSV (or HSB)	200.2°, 93.3, 69.8
Web Safe	006699	`#006699`

CIE-LAB	48.524, -7.05, -37.33
XYZ	15.145, 17.21, 44.641
xyY	0.197, 0.224, 17.21
CIE-LCH	48.524, 37.99, 259.305
CIE-LUV	48.524, -30.957, -55.494
Hunter-Lab	41.485, -7.434, -34.76
Binary	00001100, 01111010, 10110010

#0c7ab2
```
#0c7ab2 rgb(12,122,178)
```
#b2440c
```
#b2440c rgb(178,68,12)
```

Complementary Color

#0cb297
```
#0cb297 rgb(12,178,151)
```
#0c7ab2
```
#0c7ab2 rgb(12,122,178)
```
#0c27b2
```
#0c27b2 rgb(12,39,178)
```

Analogous Color

#b2970c
```
#b2970c rgb(178,151,12)
```
#0c7ab2
```
#0c7ab2 rgb(12,122,178)
```
#b20c27
```
#b20c27 rgb(178,12,39)
```

Split Complementary Color

#7ab20c
```
#7ab20c rgb(122,178,12)
```
#0c7ab2
```
#0c7ab2 rgb(12,122,178)
```
#b20c7a
```
#b20c7a rgb(178,12,122)
```

Triadic Color

#0cb244
```
#0cb244 rgb(12,178,68)
```
#0c7ab2
```
#0c7ab2 rgb(12,122,178)
```
#b20c7a
```
#b20c7a rgb(178,12,122)
```
#b2440c
```
#b2440c rgb(178,68,12)
```

Tetradic Color

#07496a
```
#07496a rgb(7,73,106)
```
#095982
```
#095982 rgb(9,89,130)
```
#0a6a9a
```
#0a6a9a rgb(10,106,154)
```
#0c7ab2
```
#0c7ab2 rgb(12,122,178)
```
#0e8aca
```
#0e8aca rgb(14,138,202)
```
#0f9be2
```
#0f9be2 rgb(15,155,226)
```
#1ba8f0
```
#1ba8f0 rgb(27,168,240)
```

Monochromatic Color

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

#0ca4b2
```
#0ca4b2 rgb(12,164,178)
```
#0c96b2
```
#0c96b2 rgb(12,150,178)
```
#0c88b2
```
#0c88b2 rgb(12,136,178)
```
#0c7ab2
```
#0c7ab2 rgb(12,122,178)
```
#0c6cb2
```
#0c6cb2 rgb(12,108,178)
```
#0c5eb2
```
#0c5eb2 rgb(12,94,178)
```
#0c51b2
```
#0c51b2 rgb(12,81,178)
```

Similar Colors

Text with hexadecimal color #0c7ab2

This text has a font color of #0c7ab2.

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

#0c7ab2 background color

This paragraph has a background color of #0c7ab2.

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

#0c7ab2 border color

This element has a border color of #0c7ab2.

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

CSS codes

.text {color:#0c7ab2;}

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

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

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

#01090d
```
#01090d rgb(1,9,13)
```
#02151f
```
#02151f rgb(2,21,31)
```
#032231
```
#032231 rgb(3,34,49)
```
#052e44
```
#052e44 rgb(5,46,68)
```
#063b56
```
#063b56 rgb(6,59,86)
```
#074868
```
#074868 rgb(7,72,104)
```
#08547b
```
#08547b rgb(8,84,123)
```
#0a618d
```
#0a618d rgb(10,97,141)
```
#0b6da0
```
#0b6da0 rgb(11,109,160)
```
#0c7ab2
```
#0c7ab2 rgb(12,122,178)
```
#0d87c4
```
#0d87c4 rgb(13,135,196)
```
#0e93d7
```
#0e93d7 rgb(14,147,215)
```
#10a0e9
```
#10a0e9 rgb(16,160,233)
```

Shade Color Variation

#1da9f0
```
#1da9f0 rgb(29,169,240)
```
#2fb0f1
```
#2fb0f1 rgb(47,176,241)
```
#41b7f2
```
#41b7f2 rgb(65,183,242)
```
#54bef3
```
#54bef3 rgb(84,190,243)
```
#66c5f5
```
#66c5f5 rgb(102,197,245)
```
#79ccf6
```
#79ccf6 rgb(121,204,246)
```
#8bd3f7
```
#8bd3f7 rgb(139,211,247)
```
#9ddaf8
```
#9ddaf8 rgb(157,218,248)
```
#b0e1fa
```
#b0e1fa rgb(176,225,250)
```
#c2e8fb
```
#c2e8fb rgb(194,232,251)
```
#d4effc
```
#d4effc rgb(212,239,252)
```
#e7f6fd
```
#e7f6fd rgb(231,246,253)
```
#f9fdff
```
#f9fdff rgb(249,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c6062 is the less saturated color, while #057cb9 is the most saturated one.

#5c6062
```
#5c6062 rgb(92,96,98)
```
#556269
```
#556269 rgb(85,98,105)
```
#4e6570
```
#4e6570 rgb(78,101,112)
```
#466778
```
#466778 rgb(70,103,120)
```
#3f697f
```
#3f697f rgb(63,105,127)
```
#386c86
```
#386c86 rgb(56,108,134)
```
#316e8d
```
#316e8d rgb(49,110,141)
```
#297095
```
#297095 rgb(41,112,149)
```
#22739c
```
#22739c rgb(34,115,156)
```
#1b75a3
```
#1b75a3 rgb(27,117,163)
```
#1378ab
```
#1378ab rgb(19,120,171)
```
#0c7ab2
```
#0c7ab2 rgb(12,122,178)
```
#057cb9
```
#057cb9 rgb(5,124,185)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#4e6470 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6678af Protanopia 1% of men
#557ab8 Deuteranopia 1% of men
#00868f Tritanopia 0.001% of the population

Trichromacy

#4579b0 Protanomaly 1% of men, 0.01% of women
#3a7ab6 Deuteranomaly 6% of men, 0.4% of women
#04819b Tritanomaly 0.01% of the population

#0c7ab2 hex color

#0c7ab2 Color Information

#0c7ab2 Color Conversion

Color Schemes with #0c7ab2

Alternatives to #0c7ab2

#0c7ab2 Preview

Shades and Tints of #0c7ab2

Tones of #0c7ab2

Color Blindness Simulator