#0c22d9 hex color

In a RGB color space, hex #0c22d9 is composed of 4.7% red, 13.3% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 94.5% cyan, 84.3% magenta, 0% yellow and 14.9% black. It has a hue angle of 233.6 degrees, a saturation of 89.5% and a lightness of 44.9%. #0c22d9 color hex could be obtained by blending #1844ff with #0000b3. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 5
- G 13
- B 85
RGB color chart
- C 94
- M 84
- Y 0
- K 15
CMYK color chart

● #0c22d9 color description : Vivid blue.

The hexadecimal color #0c22d9 has RGB values of R:12, G:34, B:217 and CMYK values of C:0.94, M:0.84, Y:0, K:0.15. Its decimal value is 795353.

Hex triplet	0c22d9	`#0c22d9`
RGB Decimal	12, 34, 217	`rgb(12,34,217)`
RGB Percent	4.7, 13.3, 85.1	`rgb(4.7%,13.3%,85.1%)`
CMYK	94, 84, 0, 15
HSL	233.6°, 89.5, 44.9	`hsl(233.6,89.5%,44.9%)`
HSV (or HSB)	233.6°, 94.5, 85.1
Web Safe	0033cc	`#0033cc`

CIE-LAB	29.988, 61.004, -90.097
XYZ	13.246, 6.231, 66.146
xyY	0.155, 0.073, 6.231
CIE-LCH	29.988, 108.807, 304.101
CIE-LUV	29.988, -9.439, -110.934
Hunter-Lab	24.962, 51.034, -139.639
Binary	00001100, 00100010, 11011001

#0c22d9
```
#0c22d9 rgb(12,34,217)
```
#d9c30c
```
#d9c30c rgb(217,195,12)
```

Complementary Color

#0c89d9
```
#0c89d9 rgb(12,137,217)
```
#0c22d9
```
#0c22d9 rgb(12,34,217)
```
#5d0cd9
```
#5d0cd9 rgb(93,12,217)
```

Analogous Color

#89d90c
```
#89d90c rgb(137,217,12)
```
#0c22d9
```
#0c22d9 rgb(12,34,217)
```
#d95d0c
```
#d95d0c rgb(217,93,12)
```

Split Complementary Color

#22d90c
```
#22d90c rgb(34,217,12)
```
#0c22d9
```
#0c22d9 rgb(12,34,217)
```
#d90c22
```
#d90c22 rgb(217,12,34)
```

Triadic Color

#0cd9c3
```
#0cd9c3 rgb(12,217,195)
```
#0c22d9
```
#0c22d9 rgb(12,34,217)
```
#d90c22
```
#d90c22 rgb(217,12,34)
```
#d9c30c
```
#d9c30c rgb(217,195,12)
```

Tetradic Color

#081791
```
#081791 rgb(8,23,145)
```
#091aa9
```
#091aa9 rgb(9,26,169)
```
#0b1ec1
```
#0b1ec1 rgb(11,30,193)
```
#0c22d9
```
#0c22d9 rgb(12,34,217)
```
#0d26f1
```
#0d26f1 rgb(13,38,241)
```
#253bf3
```
#253bf3 rgb(37,59,243)
```
#3d51f4
```
#3d51f4 rgb(61,81,244)
```

Monochromatic Color

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

#0c55d9
```
#0c55d9 rgb(12,85,217)
```
#0c44d9
```
#0c44d9 rgb(12,68,217)
```
#0c33d9
```
#0c33d9 rgb(12,51,217)
```
#0c22d9
```
#0c22d9 rgb(12,34,217)
```
#0c11d9
```
#0c11d9 rgb(12,17,217)
```
#180cd9
```
#180cd9 rgb(24,12,217)
```
#290cd9
```
#290cd9 rgb(41,12,217)
```

Similar Colors

Text with hexadecimal color #0c22d9

This text has a font color of #0c22d9.

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

#0c22d9 background color

This paragraph has a background color of #0c22d9.

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

#0c22d9 border color

This element has a border color of #0c22d9.

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

CSS codes

.text {color:#0c22d9;}

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

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

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, #01020d is the darkest color, while #f9faff is the lightest one.

#01020d
```
#01020d rgb(1,2,13)
```
#02051f
```
#02051f rgb(2,5,31)
```
#030832
```
#030832 rgb(3,8,50)
```
#040b44
```
#040b44 rgb(4,11,68)
```
#050e57
```
#050e57 rgb(5,14,87)
```
#061169
```
#061169 rgb(6,17,105)
```
#07137c
```
#07137c rgb(7,19,124)
```
#08168f
```
#08168f rgb(8,22,143)
```
#0919a1
```
#0919a1 rgb(9,25,161)
```
#0a1cb4
```
#0a1cb4 rgb(10,28,180)
```
#0b1fc6
```
#0b1fc6 rgb(11,31,198)
```
#0c22d9
```
#0c22d9 rgb(12,34,217)
```
#0d25ec
```
#0d25ec rgb(13,37,236)
```

Shade Color Variation

#1a31f2
```
#1a31f2 rgb(26,49,242)
```
#2c42f3
```
#2c42f3 rgb(44,66,243)
```
#3f53f4
```
#3f53f4 rgb(63,83,244)
```
#5263f5
```
#5263f5 rgb(82,99,245)
```
#6474f6
```
#6474f6 rgb(100,116,246)
```
#7785f7
```
#7785f7 rgb(119,133,247)
```
#8995f8
```
#8995f8 rgb(137,149,248)
```
#9ca6fa
```
#9ca6fa rgb(156,166,250)
```
#afb7fb
```
#afb7fb rgb(175,183,251)
```
#c1c7fc
```
#c1c7fc rgb(193,199,252)
```
#d4d8fd
```
#d4d8fd rgb(212,216,253)
```
#e6e9fe
```
#e6e9fe rgb(230,233,254)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

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

#6d6e78
```
#6d6e78 rgb(109,110,120)
```
#646781
```
#646781 rgb(100,103,129)
```
#5b608a
```
#5b608a rgb(91,96,138)
```
#525993
```
#525993 rgb(82,89,147)
```
#4a529b
```
#4a529b rgb(74,82,155)
```
#414ca4
```
#414ca4 rgb(65,76,164)
```
#3845ad
```
#3845ad rgb(56,69,173)
```
#2f3eb6
```
#2f3eb6 rgb(47,62,182)
```
#2637bf
```
#2637bf rgb(38,55,191)
```
#1e30c7
```
#1e30c7 rgb(30,48,199)
```
#1529d0
```
#1529d0 rgb(21,41,208)
```
#0c22d9
```
#0c22d9 rgb(12,34,217)
```
#031be2
```
#031be2 rgb(3,27,226)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#292d52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e97 Protanopia 1% of men
#005282 Deuteranopia 1% of men
#00585b Tritanopia 0.001% of the population

Trichromacy

#043eaf Protanomaly 1% of men, 0.01% of women
#0440a1 Deuteranomaly 6% of men, 0.4% of women
#044489 Tritanomaly 0.01% of the population

#0c22d9 hex color

#0c22d9 Color Information

#0c22d9 Color Conversion

Color Schemes with #0c22d9

Alternatives to #0c22d9

#0c22d9 Preview

Shades and Tints of #0c22d9

Tones of #0c22d9

Color Blindness Simulator