#0c8cc4 hex color

In a RGB color space, hex #0c8cc4 is composed of 4.7% red, 54.9% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 93.9% cyan, 28.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 198.3 degrees, a saturation of 88.5% and a lightness of 40.8%. #0c8cc4 color hex could be obtained by blending #18ffff with #001989. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 5
- G 55
- B 77
RGB color chart
- C 94
- M 29
- Y 0
- K 23
CMYK color chart

● #0c8cc4 color description : Strong blue.

The hexadecimal color #0c8cc4 has RGB values of R:12, G:140, B:196 and CMYK values of C:0.94, M:0.29, Y:0, K:0.23. Its decimal value is 822468.

Hex triplet	0c8cc4	`#0c8cc4`
RGB Decimal	12, 140, 196	`rgb(12,140,196)`
RGB Percent	4.7, 54.9, 76.9	`rgb(4.7%,54.9%,76.9%)`
CMYK	94, 29, 0, 23
HSL	198.3°, 88.5, 40.8	`hsl(198.3,88.5%,40.8%)`
HSV (or HSB)	198.3°, 93.9, 76.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	54.884, -10.686, -37.642
XYZ	19.491, 22.818, 55.599
xyY	0.199, 0.233, 22.818
CIE-LCH	54.884, 39.13, 254.152
CIE-LUV	54.884, -35.915, -56.939
Hunter-Lab	47.768, -10.76, -35.571
Binary	00001100, 10001100, 11000100

#0c8cc4
```
#0c8cc4 rgb(12,140,196)
```
#c4440c
```
#c4440c rgb(196,68,12)
```

Complementary Color

#0cc4a0
```
#0cc4a0 rgb(12,196,160)
```
#0c8cc4
```
#0c8cc4 rgb(12,140,196)
```
#0c30c4
```
#0c30c4 rgb(12,48,196)
```

Analogous Color

#c4a00c
```
#c4a00c rgb(196,160,12)
```
#0c8cc4
```
#0c8cc4 rgb(12,140,196)
```
#c40c30
```
#c40c30 rgb(196,12,48)
```

Split Complementary Color

#8cc40c
```
#8cc40c rgb(140,196,12)
```
#0c8cc4
```
#0c8cc4 rgb(12,140,196)
```
#c40c8c
```
#c40c8c rgb(196,12,140)
```

Triadic Color

#0cc444
```
#0cc444 rgb(12,196,68)
```
#0c8cc4
```
#0c8cc4 rgb(12,140,196)
```
#c40c8c
```
#c40c8c rgb(196,12,140)
```
#c4440c
```
#c4440c rgb(196,68,12)
```

Tetradic Color

#08597c
```
#08597c rgb(8,89,124)
```
#096a94
```
#096a94 rgb(9,106,148)
```
#0b7bac
```
#0b7bac rgb(11,123,172)
```
#0c8cc4
```
#0c8cc4 rgb(12,140,196)
```
#0d9ddc
```
#0d9ddc rgb(13,157,220)
```
#12adf1
```
#12adf1 rgb(18,173,241)
```
#2bb5f2
```
#2bb5f2 rgb(43,181,242)
```

Monochromatic Color

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

#0cbac4
```
#0cbac4 rgb(12,186,196)
```
#0cabc4
```
#0cabc4 rgb(12,171,196)
```
#0c9bc4
```
#0c9bc4 rgb(12,155,196)
```
#0c8cc4
```
#0c8cc4 rgb(12,140,196)
```
#0c7dc4
```
#0c7dc4 rgb(12,125,196)
```
#0c6dc4
```
#0c6dc4 rgb(12,109,196)
```
#0c5ec4
```
#0c5ec4 rgb(12,94,196)
```

Similar Colors

Text with hexadecimal color #0c8cc4

This text has a font color of #0c8cc4.

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

#0c8cc4 background color

This paragraph has a background color of #0c8cc4.

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

#0c8cc4 border color

This element has a border color of #0c8cc4.

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

CSS codes

.text {color:#0c8cc4;}

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

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

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, #01080b is the darkest color, while #f8fcff is the lightest one.

#01080b
```
#01080b rgb(1,8,11)
```
#02151e
```
#02151e rgb(2,21,30)
```
#032230
```
#032230 rgb(3,34,48)
```
#043043
```
#043043 rgb(4,48,67)
```
#053d55
```
#053d55 rgb(5,61,85)
```
#064a68
```
#064a68 rgb(6,74,104)
```
#07577a
```
#07577a rgb(7,87,122)
```
#09648d
```
#09648d rgb(9,100,141)
```
#0a729f
```
#0a729f rgb(10,114,159)
```
#0b7fb2
```
#0b7fb2 rgb(11,127,178)
```
#0c8cc4
```
#0c8cc4 rgb(12,140,196)
```
#0d99d6
```
#0d99d6 rgb(13,153,214)
```
#0ea6e9
```
#0ea6e9 rgb(14,166,233)
```

Shade Color Variation

#1ab0f1
```
#1ab0f1 rgb(26,176,241)
```
#2cb6f2
```
#2cb6f2 rgb(44,182,242)
```
#3fbcf3
```
#3fbcf3 rgb(63,188,243)
```
#51c3f4
```
#51c3f4 rgb(81,195,244)
```
#64c9f5
```
#64c9f5 rgb(100,201,245)
```
#76d0f7
```
#76d0f7 rgb(118,208,247)
```
#89d6f8
```
#89d6f8 rgb(137,214,248)
```
#9bdcf9
```
#9bdcf9 rgb(155,220,249)
```
#aee3fa
```
#aee3fa rgb(174,227,250)
```
#c0e9fb
```
#c0e9fb rgb(192,233,251)
```
#d3f0fc
```
#d3f0fc rgb(211,240,252)
```
#e5f6fd
```
#e5f6fd rgb(229,246,253)
```
#f8fcff
```
#f8fcff rgb(248,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646a6c is the less saturated color, while #048fcc is the most saturated one.

#646a6c
```
#646a6c rgb(100,106,108)
```
#5c6d74
```
#5c6d74 rgb(92,109,116)
```
#54707c
```
#54707c rgb(84,112,124)
```
#4c7384
```
#4c7384 rgb(76,115,132)
```
#44768c
```
#44768c rgb(68,118,140)
```
#3c7994
```
#3c7994 rgb(60,121,148)
```
#347c9c
```
#347c9c rgb(52,124,156)
```
#2c7fa4
```
#2c7fa4 rgb(44,127,164)
```
#2483ac
```
#2483ac rgb(36,131,172)
```
#1c86b4
```
#1c86b4 rgb(28,134,180)
```
#1489bc
```
#1489bc rgb(20,137,188)
```
#0c8cc4
```
#0c8cc4 rgb(12,140,196)
```
#048fcc
```
#048fcc rgb(4,143,204)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#59727e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7687bf Protanopia 1% of men
#6789ca Deuteranopia 1% of men
#0097a1 Tritanopia 0.001% of the population

Trichromacy

#4f89c1 Protanomaly 1% of men, 0.01% of women
#458ac8 Deuteranomaly 6% of men, 0.4% of women
#0493ad Tritanomaly 0.01% of the population

#0c8cc4 hex color

#0c8cc4 Color Information

#0c8cc4 Color Conversion

Color Schemes with #0c8cc4

Alternatives to #0c8cc4

#0c8cc4 Preview

Shades and Tints of #0c8cc4

Tones of #0c8cc4

Color Blindness Simulator