#0c2cdc hex color

In a RGB color space, hex #0c2cdc is composed of 4.7% red, 17.3% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 94.5% cyan, 80% magenta, 0% yellow and 13.7% black. It has a hue angle of 230.8 degrees, a saturation of 89.7% and a lightness of 45.5%. #0c2cdc color hex could be obtained by blending #1858ff with #0000b9. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 5
- G 17
- B 86
RGB color chart
- C 95
- M 80
- Y 0
- K 14
CMYK color chart

● #0c2cdc color description : Vivid blue.

The hexadecimal color #0c2cdc has RGB values of R:12, G:44, B:220 and CMYK values of C:0.95, M:0.8, Y:0, K:0.14. Its decimal value is 797916.

Hex triplet	0c2cdc	`#0c2cdc`
RGB Decimal	12, 44, 220	`rgb(12,44,220)`
RGB Percent	4.7, 17.3, 86.3	`rgb(4.7%,17.3%,86.3%)`
CMYK	95, 80, 0, 14
HSL	230.8°, 89.7, 45.5	`hsl(230.8,89.7%,45.5%)`
HSV (or HSB)	230.8°, 94.5, 86.3
Web Safe	0033cc	`#0033cc`

CIE-LAB	31.911, 57.345, -88.625
XYZ	13.968, 7.046, 68.33
xyY	0.156, 0.079, 7.046
CIE-LCH	31.911, 105.56, 302.905
CIE-LUV	31.911, -10.677, -113.255
Hunter-Lab	26.544, 47.479, -134.046
Binary	00001100, 00101100, 11011100

#0c2cdc
```
#0c2cdc rgb(12,44,220)
```
#dcbc0c
```
#dcbc0c rgb(220,188,12)
```

Complementary Color

#0c94dc
```
#0c94dc rgb(12,148,220)
```
#0c2cdc
```
#0c2cdc rgb(12,44,220)
```
#540cdc
```
#540cdc rgb(84,12,220)
```

Analogous Color

#94dc0c
```
#94dc0c rgb(148,220,12)
```
#0c2cdc
```
#0c2cdc rgb(12,44,220)
```
#dc540c
```
#dc540c rgb(220,84,12)
```

Split Complementary Color

#2cdc0c
```
#2cdc0c rgb(44,220,12)
```
#0c2cdc
```
#0c2cdc rgb(12,44,220)
```
#dc0c2c
```
#dc0c2c rgb(220,12,44)
```

Triadic Color

#0cdcbc
```
#0cdcbc rgb(12,220,188)
```
#0c2cdc
```
#0c2cdc rgb(12,44,220)
```
#dc0c2c
```
#dc0c2c rgb(220,12,44)
```
#dcbc0c
```
#dcbc0c rgb(220,188,12)
```

Tetradic Color

#081d93
```
#081d93 rgb(8,29,147)
```
#0922ac
```
#0922ac rgb(9,34,172)
```
#0b27c4
```
#0b27c4 rgb(11,39,196)
```
#0c2cdc
```
#0c2cdc rgb(12,44,220)
```
#1032f2
```
#1032f2 rgb(16,50,242)
```
#2847f3
```
#2847f3 rgb(40,71,243)
```
#405cf5
```
#405cf5 rgb(64,92,245)
```

Monochromatic Color

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

#0c60dc
```
#0c60dc rgb(12,96,220)
```
#0c4fdc
```
#0c4fdc rgb(12,79,220)
```
#0c3ddc
```
#0c3ddc rgb(12,61,220)
```
#0c2cdc
```
#0c2cdc rgb(12,44,220)
```
#0c1bdc
```
#0c1bdc rgb(12,27,220)
```
#0f0cdc
```
#0f0cdc rgb(15,12,220)
```
#200cdc
```
#200cdc rgb(32,12,220)
```

Similar Colors

Text with hexadecimal color #0c2cdc

This text has a font color of #0c2cdc.

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

#0c2cdc background color

This paragraph has a background color of #0c2cdc.

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

#0c2cdc border color

This element has a border color of #0c2cdc.

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

CSS codes

.text {color:#0c2cdc;}

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

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

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, #01030f is the darkest color, while #fcfcff is the lightest one.

#01030f
```
#01030f rgb(1,3,15)
```
#020722
```
#020722 rgb(2,7,34)
```
#030b35
```
#030b35 rgb(3,11,53)
```
#040e47
```
#040e47 rgb(4,14,71)
```
#05125a
```
#05125a rgb(5,18,90)
```
#06166c
```
#06166c rgb(6,22,108)
```
#07197f
```
#07197f rgb(7,25,127)
```
#081d92
```
#081d92 rgb(8,29,146)
```
#0921a4
```
#0921a4 rgb(9,33,164)
```
#0a25b7
```
#0a25b7 rgb(10,37,183)
```
#0b28c9
```
#0b28c9 rgb(11,40,201)
```
#0c2cdc
```
#0c2cdc rgb(12,44,220)
```
#0d30ef
```
#0d30ef rgb(13,48,239)
```

Shade Color Variation

#1d3ef3
```
#1d3ef3 rgb(29,62,243)
```
#2f4df4
```
#2f4df4 rgb(47,77,244)
```
#425df5
```
#425df5 rgb(66,93,245)
```
#546df6
```
#546df6 rgb(84,109,246)
```
#677df7
```
#677df7 rgb(103,125,247)
```
#7a8df8
```
#7a8df8 rgb(122,141,248)
```
#8c9df9
```
#8c9df9 rgb(140,157,249)
```
#9fadfa
```
#9fadfa rgb(159,173,250)
```
#b1bdfb
```
#b1bdfb rgb(177,189,251)
```
#c4cdfc
```
#c4cdfc rgb(196,205,252)
```
#d7dcfd
```
#d7dcfd rgb(215,220,253)
```
#e9ecfe
```
#e9ecfe rgb(233,236,254)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#6e707a
```
#6e707a rgb(110,112,122)
```
#656a83
```
#656a83 rgb(101,106,131)
```
#5c648c
```
#5c648c rgb(92,100,140)
```
#535d95
```
#535d95 rgb(83,93,149)
```
#4a579e
```
#4a579e rgb(74,87,158)
```
#4251a6
```
#4251a6 rgb(66,81,166)
```
#394baf
```
#394baf rgb(57,75,175)
```
#3045b8
```
#3045b8 rgb(48,69,184)
```
#273fc1
```
#273fc1 rgb(39,63,193)
```
#1e38ca
```
#1e38ca rgb(30,56,202)
```
#1532d3
```
#1532d3 rgb(21,50,211)
```
#0c2cdc
```
#0c2cdc rgb(12,44,220)
```
#0326e5
```
#0326e5 rgb(3,38,229)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#2e3457 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00529f Protanopia 1% of men
#005689 Deuteranopia 1% of men
#005c60 Tritanopia 0.001% of the population

Trichromacy

#0444b5 Protanomaly 1% of men, 0.01% of women
#0447a7 Deuteranomaly 6% of men, 0.4% of women
#044b8d Tritanomaly 0.01% of the population

#0c2cdc hex color

#0c2cdc Color Information

#0c2cdc Color Conversion

Color Schemes with #0c2cdc

Alternatives to #0c2cdc

#0c2cdc Preview

Shades and Tints of #0c2cdc

Tones of #0c2cdc

Color Blindness Simulator