colorhexa.com

#0c22e3 hex color

In a RGB color space, hex #0c22e3 is composed of 4.7% red, 13.3% green and 89% blue. Whereas in a CMYK color space, it is composed of 94.7% cyan, 85% magenta, 0% yellow and 11% black. It has a hue angle of 233.9 degrees, a saturation of 90% and a lightness of 46.9%. #0c22e3 color hex could be obtained by blending #1844ff with #0000c7. Closest websafe color is: #0033cc.

- R 5
- G 13
- B 89
RGB color chart
- C 95
- M 85
- Y 0
- K 11
CMYK color chart

● #0c22e3 color description : Vivid blue.

The hexadecimal color #0c22e3 has RGB values of R:12, G:34, B:227 and CMYK values of C:0.95, M:0.85, Y:0, K:0.11. Its decimal value is 795363.

Hex triplet	0c22e3	`#0c22e3`
RGB Decimal	12, 34, 227	`rgb(12,34,227)`
RGB Percent	4.7, 13.3, 89	`rgb(4.7%,13.3%,89%)`
CMYK	95, 85, 0, 11
HSL	233.9°, 90, 46.9	`hsl(233.9,90%,46.9%)`
HSV (or HSB)	233.9°, 94.7, 89
Web Safe	0033cc	`#0033cc`

CIE-LAB	31.271, 63.939, -93.709
XYZ	14.586, 6.767, 73.206
xyY	0.154, 0.072, 6.767
CIE-LCH	31.271, 113.444, 304.306
CIE-LUV	31.271, -9.776, -116.638
Hunter-Lab	26.014, 54.562, -148.641
Binary	00001100, 00100010, 11100011

#0c22e3
```
#0c22e3 rgb(12,34,227)
```
#e3cd0c
```
#e3cd0c rgb(227,205,12)
```

Complementary Color

#0c8ee3
```
#0c8ee3 rgb(12,142,227)
```
#0c22e3
```
#0c22e3 rgb(12,34,227)
```
#620ce3
```
#620ce3 rgb(98,12,227)
```

Analogous Color

#8ee30c
```
#8ee30c rgb(142,227,12)
```
#0c22e3
```
#0c22e3 rgb(12,34,227)
```
#e3620c
```
#e3620c rgb(227,98,12)
```

Split Complementary Color

#22e30c
```
#22e30c rgb(34,227,12)
```
#0c22e3
```
#0c22e3 rgb(12,34,227)
```
#e30c22
```
#e30c22 rgb(227,12,34)
```

Triadic Color

#0ce3cd
```
#0ce3cd rgb(12,227,205)
```
#0c22e3
```
#0c22e3 rgb(12,34,227)
```
#e30c22
```
#e30c22 rgb(227,12,34)
```
#e3cd0c
```
#e3cd0c rgb(227,205,12)
```

Tetradic Color

#08179a
```
#08179a rgb(8,23,154)
```
#091bb3
```
#091bb3 rgb(9,27,179)
```
#0b1ecb
```
#0b1ecb rgb(11,30,203)
```
#0c22e3
```
#0c22e3 rgb(12,34,227)
```
#162cf3
```
#162cf3 rgb(22,44,243)
```
#2e42f4
```
#2e42f4 rgb(46,66,244)
```
#4658f5
```
#4658f5 rgb(70,88,245)
```

Monochromatic Color

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

#0c58e3
```
#0c58e3 rgb(12,88,227)
```
#0c46e3
```
#0c46e3 rgb(12,70,227)
```
#0c34e3
```
#0c34e3 rgb(12,52,227)
```
#0c22e3
```
#0c22e3 rgb(12,34,227)
```
#0c10e3
```
#0c10e3 rgb(12,16,227)
```
#1a0ce3
```
#1a0ce3 rgb(26,12,227)
```
#2c0ce3
```
#2c0ce3 rgb(44,12,227)
```

Similar Colors

Text with hexadecimal color #0c22e3

This text has a font color of #0c22e3.

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

#0c22e3 background color

This paragraph has a background color of #0c22e3.

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

#0c22e3 border color

This element has a border color of #0c22e3.

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

CSS codes

.text {color:#0c22e3;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#010316
```
#010316 rgb(1,3,22)
```
#020629
```
#020629 rgb(2,6,41)
```
#03093b
```
#03093b rgb(3,9,59)
```
#040c4e
```
#040c4e rgb(4,12,78)
```
#050e61
```
#050e61 rgb(5,14,97)
```
#061173
```
#061173 rgb(6,17,115)
```
#071486
```
#071486 rgb(7,20,134)
```
#081798
```
#081798 rgb(8,23,152)
```
#091aab
```
#091aab rgb(9,26,171)
```
#0a1cbe
```
#0a1cbe rgb(10,28,190)
```
#0b1fd0
```
#0b1fd0 rgb(11,31,208)
```
#0c22e3
```
#0c22e3 rgb(12,34,227)
```

Shade Color Variation

#1027f2
```
#1027f2 rgb(16,39,242)
```
#2338f3
```
#2338f3 rgb(35,56,243)
```
#3549f4
```
#3549f4 rgb(53,73,244)
```
#485af5
```
#485af5 rgb(72,90,245)
```
#5b6bf6
```
#5b6bf6 rgb(91,107,246)
```
#6d7cf7
```
#6d7cf7 rgb(109,124,247)
```
#808cf8
```
#808cf8 rgb(128,140,248)
```
#939df9
```
#939df9 rgb(147,157,249)
```
#a5aefa
```
#a5aefa rgb(165,174,250)
```
#b8bffb
```
#b8bffb rgb(184,191,251)
```
#cbd0fc
```
#cbd0fc rgb(203,208,252)
```
#dde0fd
```
#dde0fd rgb(221,224,253)
```
#f0f1fe
```
#f0f1fe rgb(240,241,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #71727e is the less saturated color, while #031bec is the most saturated one.

#71727e
```
#71727e rgb(113,114,126)
```
#686b87
```
#686b87 rgb(104,107,135)
```
#5f6490
```
#5f6490 rgb(95,100,144)
```
#565c99
```
#565c99 rgb(86,92,153)
```
#4c55a3
```
#4c55a3 rgb(76,85,163)
```
#434eac
```
#434eac rgb(67,78,172)
```
#3a47b5
```
#3a47b5 rgb(58,71,181)
```
#313fbe
```
#313fbe rgb(49,63,190)
```
#2838c7
```
#2838c7 rgb(40,56,199)
```
#1e31d1
```
#1e31d1 rgb(30,49,209)
```
#1529da
```
#1529da rgb(21,41,218)
```
#0c22e3
```
#0c22e3 rgb(12,34,227)
```
#031bec
```
#031bec rgb(3,27,236)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#2a2e55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005586 Deuteranopia 1% of men
#005b5e Tritanopia 0.001% of the population

Trichromacy

#043fb6 Protanomaly 1% of men, 0.01% of women
#0442a8 Deuteranomaly 6% of men, 0.4% of women
#04468e Tritanomaly 0.01% of the population