#0c7bd4 hex color

In a RGB color space, hex #0c7bd4 is composed of 4.7% red, 48.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 94.3% cyan, 42% magenta, 0% yellow and 16.9% black. It has a hue angle of 206.7 degrees, a saturation of 89.3% and a lightness of 43.9%. #0c7bd4 color hex could be obtained by blending #18f6ff with #0000a9. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 5
- G 48
- B 83
RGB color chart
- C 94
- M 42
- Y 0
- K 17
CMYK color chart

● #0c7bd4 color description : Strong blue.

The hexadecimal color #0c7bd4 has RGB values of R:12, G:123, B:212 and CMYK values of C:0.94, M:0.42, Y:0, K:0.17. Its decimal value is 818132.

Hex triplet	0c7bd4	`#0c7bd4`
RGB Decimal	12, 123, 212	`rgb(12,123,212)`
RGB Percent	4.7, 48.2, 83.1	`rgb(4.7%,48.2%,83.1%)`
CMYK	94, 42, 0, 17
HSL	206.7°, 89.3, 43.9	`hsl(206.7,89.3%,43.9%)`
HSV (or HSB)	206.7°, 94.3, 83.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	50.682, 5.521, -53.383
XYZ	19.115, 18.996, 64.943
xyY	0.185, 0.184, 18.996
CIE-LCH	50.682, 53.668, 275.905
CIE-LUV	50.682, -29.368, -82.784
Hunter-Lab	43.584, 2.016, -57.836
Binary	00001100, 01111011, 11010100

#0c7bd4
```
#0c7bd4 rgb(12,123,212)
```
#d4650c
```
#d4650c rgb(212,101,12)
```

Complementary Color

#0cd4c9
```
#0cd4c9 rgb(12,212,201)
```
#0c7bd4
```
#0c7bd4 rgb(12,123,212)
```
#0c17d4
```
#0c17d4 rgb(12,23,212)
```

Analogous Color

#d4c90c
```
#d4c90c rgb(212,201,12)
```
#0c7bd4
```
#0c7bd4 rgb(12,123,212)
```
#d40c17
```
#d40c17 rgb(212,12,23)
```

Split Complementary Color

#7bd40c
```
#7bd40c rgb(123,212,12)
```
#0c7bd4
```
#0c7bd4 rgb(12,123,212)
```
#d40c7b
```
#d40c7b rgb(212,12,123)
```

Triadic Color

#0cd465
```
#0cd465 rgb(12,212,101)
```
#0c7bd4
```
#0c7bd4 rgb(12,123,212)
```
#d40c7b
```
#d40c7b rgb(212,12,123)
```
#d4650c
```
#d4650c rgb(212,101,12)
```

Tetradic Color

#08518c
```
#08518c rgb(8,81,140)
```
#095fa4
```
#095fa4 rgb(9,95,164)
```
#0b6dbc
```
#0b6dbc rgb(11,109,188)
```
#0c7bd4
```
#0c7bd4 rgb(12,123,212)
```
#0d89ec
```
#0d89ec rgb(13,137,236)
```
#2195f2
```
#2195f2 rgb(33,149,242)
```
#39a1f4
```
#39a1f4 rgb(57,161,244)
```

Monochromatic Color

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

#0cadd4
```
#0cadd4 rgb(12,173,212)
```
#0c9cd4
```
#0c9cd4 rgb(12,156,212)
```
#0c8cd4
```
#0c8cd4 rgb(12,140,212)
```
#0c7bd4
```
#0c7bd4 rgb(12,123,212)
```
#0c6ad4
```
#0c6ad4 rgb(12,106,212)
```
#0c5ad4
```
#0c5ad4 rgb(12,90,212)
```
#0c49d4
```
#0c49d4 rgb(12,73,212)
```

Similar Colors

Text with hexadecimal color #0c7bd4

This text has a font color of #0c7bd4.

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

#0c7bd4 background color

This paragraph has a background color of #0c7bd4.

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

#0c7bd4 border color

This element has a border color of #0c7bd4.

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

CSS codes

.text {color:#0c7bd4;}

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

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

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

#000508
```
#000508 rgb(0,5,8)
```
#010f1a
```
#010f1a rgb(1,15,26)
```
#031a2d
```
#031a2d rgb(3,26,45)
```
#04253f
```
#04253f rgb(4,37,63)
```
#053052
```
#053052 rgb(5,48,82)
```
#063a65
```
#063a65 rgb(6,58,101)
```
#074577
```
#074577 rgb(7,69,119)
```
#08508a
```
#08508a rgb(8,80,138)
```
#095b9c
```
#095b9c rgb(9,91,156)
```
#0a65af
```
#0a65af rgb(10,101,175)
```
#0b70c1
```
#0b70c1 rgb(11,112,193)
```
#0c7bd4
```
#0c7bd4 rgb(12,123,212)
```
#0d86e7
```
#0d86e7 rgb(13,134,231)
```

Shade Color Variation

#1590f2
```
#1590f2 rgb(21,144,242)
```
#2899f3
```
#2899f3 rgb(40,153,243)
```
#3ba1f4
```
#3ba1f4 rgb(59,161,244)
```
#4daaf5
```
#4daaf5 rgb(77,170,245)
```
#60b3f6
```
#60b3f6 rgb(96,179,246)
```
#72bcf7
```
#72bcf7 rgb(114,188,247)
```
#85c5f8
```
#85c5f8 rgb(133,197,248)
```
#97cef9
```
#97cef9 rgb(151,206,249)
```
#aad6fa
```
#aad6fa rgb(170,214,250)
```
#bddffb
```
#bddffb rgb(189,223,251)
```
#cfe8fc
```
#cfe8fc rgb(207,232,252)
```
#e2f1fd
```
#e2f1fd rgb(226,241,253)
```
#f4fafe
```
#f4fafe rgb(244,250,254)
```

Tint Color Variation

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

#6b7175
```
#6b7175 rgb(107,113,117)
```
#62727e
```
#62727e rgb(98,114,126)
```
#5a7286
```
#5a7286 rgb(90,114,134)
```
#51738f
```
#51738f rgb(81,115,143)
```
#487498
```
#487498 rgb(72,116,152)
```
#4075a0
```
#4075a0 rgb(64,117,160)
```
#3776a9
```
#3776a9 rgb(55,118,169)
```
#2e77b2
```
#2e77b2 rgb(46,119,178)
```
#2678ba
```
#2678ba rgb(38,120,186)
```
#1d79c3
```
#1d79c3 rgb(29,121,195)
```
#157acb
```
#157acb rgb(21,122,203)
```
#0c7bd4
```
#0c7bd4 rgb(12,123,212)
```
#037cdd
```
#037cdd rgb(3,124,221)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#52697a Atypical Achromatopsia 0.001% of the population

Dichromacy

#567cd2 Protanopia 1% of men
#2181d6 Deuteranopia 1% of men
#008c94 Tritanopia 0.001% of the population

Trichromacy

#3b7cd2 Protanomaly 1% of men, 0.01% of women
#197fd5 Deuteranomaly 6% of men, 0.4% of women
#0485ab Tritanomaly 0.01% of the population

#0c7bd4 hex color

#0c7bd4 Color Information

#0c7bd4 Color Conversion

Color Schemes with #0c7bd4

Alternatives to #0c7bd4

#0c7bd4 Preview

Shades and Tints of #0c7bd4

Tones of #0c7bd4

Color Blindness Simulator