#0c22c2 hex color

In a RGB color space, hex #0c22c2 is composed of 4.7% red, 13.3% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 93.8% cyan, 82.5% magenta, 0% yellow and 23.9% black. It has a hue angle of 232.7 degrees, a saturation of 88.3% and a lightness of 40.4%. #0c22c2 color hex could be obtained by blending #1844ff with #000085. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 5
- G 13
- B 76
RGB color chart
- C 94
- M 82
- Y 0
- K 24
CMYK color chart

● #0c22c2 color description : Strong blue.

The hexadecimal color #0c22c2 has RGB values of R:12, G:34, B:194 and CMYK values of C:0.94, M:0.82, Y:0, K:0.24. Its decimal value is 795330.

Hex triplet	0c22c2	`#0c22c2`
RGB Decimal	12, 34, 194	`rgb(12,34,194)`
RGB Percent	4.7, 13.3, 76.1	`rgb(4.7%,13.3%,76.1%)`
CMYK	94, 82, 0, 24
HSL	232.7°, 88.3, 40.4	`hsl(232.7,88.3%,40.4%)`
HSV (or HSB)	232.7°, 93.8, 76.1
Web Safe	0033cc	`#0033cc`

CIE-LAB	27.064, 53.982, -81.552
XYZ	10.459, 5.116, 51.472
xyY	0.156, 0.076, 5.116
CIE-LCH	27.064, 97.8, 303.502
CIE-LUV	27.064, -8.686, -97.724
Hunter-Lab	22.62, 42.954, -119.085
Binary	00001100, 00100010, 11000010

#0c22c2
```
#0c22c2 rgb(12,34,194)
```
#c2ac0c
```
#c2ac0c rgb(194,172,12)
```

Complementary Color

#0c7dc2
```
#0c7dc2 rgb(12,125,194)
```
#0c22c2
```
#0c22c2 rgb(12,34,194)
```
#510cc2
```
#510cc2 rgb(81,12,194)
```

Analogous Color

#7dc20c
```
#7dc20c rgb(125,194,12)
```
#0c22c2
```
#0c22c2 rgb(12,34,194)
```
#c2510c
```
#c2510c rgb(194,81,12)
```

Split Complementary Color

#22c20c
```
#22c20c rgb(34,194,12)
```
#0c22c2
```
#0c22c2 rgb(12,34,194)
```
#c20c22
```
#c20c22 rgb(194,12,34)
```

Triadic Color

#0cc2ac
```
#0cc2ac rgb(12,194,172)
```
#0c22c2
```
#0c22c2 rgb(12,34,194)
```
#c20c22
```
#c20c22 rgb(194,12,34)
```
#c2ac0c
```
#c2ac0c rgb(194,172,12)
```

Tetradic Color

#08157a
```
#08157a rgb(8,21,122)
```
#091a92
```
#091a92 rgb(9,26,146)
```
#0b1eaa
```
#0b1eaa rgb(11,30,170)
```
#0c22c2
```
#0c22c2 rgb(12,34,194)
```
#0d26da
```
#0d26da rgb(13,38,218)
```
#112cf0
```
#112cf0 rgb(17,44,240)
```
#2941f2
```
#2941f2 rgb(41,65,242)
```

Monochromatic Color

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

#0c4fc2
```
#0c4fc2 rgb(12,79,194)
```
#0c40c2
```
#0c40c2 rgb(12,64,194)
```
#0c31c2
```
#0c31c2 rgb(12,49,194)
```
#0c22c2
```
#0c22c2 rgb(12,34,194)
```
#0c13c2
```
#0c13c2 rgb(12,19,194)
```
#140cc2
```
#140cc2 rgb(20,12,194)
```
#240cc2
```
#240cc2 rgb(36,12,194)
```

Similar Colors

Text with hexadecimal color #0c22c2

This text has a font color of #0c22c2.

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

#0c22c2 background color

This paragraph has a background color of #0c22c2.

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

#0c22c2 border color

This element has a border color of #0c22c2.

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

CSS codes

.text {color:#0c22c2;}

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

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

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

#010209
```
#010209 rgb(1,2,9)
```
#02051c
```
#02051c rgb(2,5,28)
```
#03082e
```
#03082e rgb(3,8,46)
```
#040b41
```
#040b41 rgb(4,11,65)
```
#050f53
```
#050f53 rgb(5,15,83)
```
#061266
```
#061266 rgb(6,18,102)
```
#071578
```
#071578 rgb(7,21,120)
```
#09188b
```
#09188b rgb(9,24,139)
```
#0a1c9d
```
#0a1c9d rgb(10,28,157)
```
#0b1fb0
```
#0b1fb0 rgb(11,31,176)
```
#0c22c2
```
#0c22c2 rgb(12,34,194)
```
#0d25d4
```
#0d25d4 rgb(13,37,212)
```
#0e28e7
```
#0e28e7 rgb(14,40,231)
```

Shade Color Variation

#1832f1
```
#1832f1 rgb(24,50,241)
```
#2b43f2
```
#2b43f2 rgb(43,67,242)
```
#3d53f3
```
#3d53f3 rgb(61,83,243)
```
#5063f4
```
#5063f4 rgb(80,99,244)
```
#6274f5
```
#6274f5 rgb(98,116,245)
```
#7484f6
```
#7484f6 rgb(116,132,246)
```
#8795f8
```
#8795f8 rgb(135,149,248)
```
#99a5f9
```
#99a5f9 rgb(153,165,249)
```
#acb5fa
```
#acb5fa rgb(172,181,250)
```
#bec6fb
```
#bec6fb rgb(190,198,251)
```
#d1d6fc
```
#d1d6fc rgb(209,214,252)
```
#e3e6fd
```
#e3e6fd rgb(227,230,253)
```
#f6f7fe
```
#f6f7fe rgb(246,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #63646b is the less saturated color, while #041cca is the most saturated one.

#63646b
```
#63646b rgb(99,100,107)
```
#5b5e73
```
#5b5e73 rgb(91,94,115)
```
#53587b
```
#53587b rgb(83,88,123)
```
#4b5283
```
#4b5283 rgb(75,82,131)
```
#434c8b
```
#434c8b rgb(67,76,139)
```
#3c4692
```
#3c4692 rgb(60,70,146)
```
#34409a
```
#34409a rgb(52,64,154)
```
#2c3aa2
```
#2c3aa2 rgb(44,58,162)
```
#2434aa
```
#2434aa rgb(36,52,170)
```
#1c2eb2
```
#1c2eb2 rgb(28,46,178)
```
#1428ba
```
#1428ba rgb(20,40,186)
```
#0c22c2
```
#0c22c2 rgb(12,34,194)
```
#041cca
```
#041cca rgb(4,28,202)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#272c4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00478b Protanopia 1% of men
#004c78 Deuteranopia 1% of men
#005154 Tritanopia 0.001% of the population

Trichromacy

#043a9f Protanomaly 1% of men, 0.01% of women
#043c93 Deuteranomaly 6% of men, 0.4% of women
#04407c Tritanomaly 0.01% of the population

#0c22c2 hex color

#0c22c2 Color Information

#0c22c2 Color Conversion

Color Schemes with #0c22c2

Alternatives to #0c22c2

#0c22c2 Preview

Shades and Tints of #0c22c2

Tones of #0c22c2

Color Blindness Simulator