#0c2228 hex color

In a RGB color space, hex #0c2228 is composed of 4.7% red, 13.3% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 70% cyan, 15% magenta, 0% yellow and 84.3% black. It has a hue angle of 192.9 degrees, a saturation of 53.8% and a lightness of 10.2%. #0c2228 color hex could be obtained by blending #184450 with #000000. Closest websafe color is: #003333.

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

● #0c2228 color description : Very dark (mostly black) cyan.

The hexadecimal color #0c2228 has RGB values of R:12, G:34, B:40 and CMYK values of C:0.7, M:0.15, Y:0, K:0.84. Its decimal value is 795176.

Hex triplet	0c2228	`#0c2228`
RGB Decimal	12, 34, 40	`rgb(12,34,40)`
RGB Percent	4.7, 13.3, 15.7	`rgb(4.7%,13.3%,15.7%)`
CMYK	70, 15, 0, 84
HSL	192.9°, 53.8, 10.2	`hsl(192.9,53.8%,10.2%)`
HSV (or HSB)	192.9°, 70, 15.7
Web Safe	003333	`#003333`

CIE-LAB	11.793, -6.473, -6.675
XYZ	1.107, 1.375, 2.215
xyY	0.236, 0.293, 1.375
CIE-LCH	11.793, 9.298, 225.877
CIE-LUV	11.793, -6.42, -4.934
Hunter-Lab	11.727, -3.681, -2.987
Binary	00001100, 00100010, 00101000

#0c2228
```
#0c2228 rgb(12,34,40)
```
#28120c
```
#28120c rgb(40,18,12)
```

Complementary Color

#0c2820
```
#0c2820 rgb(12,40,32)
```
#0c2228
```
#0c2228 rgb(12,34,40)
```
#0c1428
```
#0c1428 rgb(12,20,40)
```

Analogous Color

#28200c
```
#28200c rgb(40,32,12)
```
#0c2228
```
#0c2228 rgb(12,34,40)
```
#280c14
```
#280c14 rgb(40,12,20)
```

Split Complementary Color

#22280c
```
#22280c rgb(34,40,12)
```
#0c2228
```
#0c2228 rgb(12,34,40)
```
#280c22
```
#280c22 rgb(40,12,34)
```

Triadic Color

#0c2812
```
#0c2812 rgb(12,40,18)
```
#0c2228
```
#0c2228 rgb(12,34,40)
```
#280c22
```
#280c22 rgb(40,12,34)
```
#28120c
```
#28120c rgb(40,18,12)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#000101
```
#000101 rgb(0,1,1)
```
#061114
```
#061114 rgb(6,17,20)
```
#0c2228
```
#0c2228 rgb(12,34,40)
```
#12333c
```
#12333c rgb(18,51,60)
```
#18434f
```
#18434f rgb(24,67,79)
```
#1e5463
```
#1e5463 rgb(30,84,99)
```

Monochromatic Color

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

#0c2827
```
#0c2827 rgb(12,40,39)
```
#0c2728
```
#0c2728 rgb(12,39,40)
```
#0c2428
```
#0c2428 rgb(12,36,40)
```
#0c2228
```
#0c2228 rgb(12,34,40)
```
#0c2028
```
#0c2028 rgb(12,32,40)
```
#0c1d28
```
#0c1d28 rgb(12,29,40)
```
#0c1b28
```
#0c1b28 rgb(12,27,40)
```

Similar Colors

Text with hexadecimal color #0c2228

This text has a font color of #0c2228.

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

#0c2228 background color

This paragraph has a background color of #0c2228.

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

#0c2228 border color

This element has a border color of #0c2228.

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

CSS codes

.text {color:#0c2228;}

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

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

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, #03080a is the darkest color, while #fafdfd is the lightest one.

#03080a
```
#03080a rgb(3,8,10)
```
#071519
```
#071519 rgb(7,21,25)
```
#0c2228
```
#0c2228 rgb(12,34,40)
```
#112f37
```
#112f37 rgb(17,47,55)
```
#153c46
```
#153c46 rgb(21,60,70)
```
#1a4855
```
#1a4855 rgb(26,72,85)
```
#1e5564
```
#1e5564 rgb(30,85,100)
```
#236273
```
#236273 rgb(35,98,115)
```
#276f83
```
#276f83 rgb(39,111,131)
```
#2c7c92
```
#2c7c92 rgb(44,124,146)
```
#3089a1
```
#3089a1 rgb(48,137,161)
```
#3595b0
```
#3595b0 rgb(53,149,176)
```
#39a2bf
```
#39a2bf rgb(57,162,191)
```

Shade Color Variation

#45abc7
```
#45abc7 rgb(69,171,199)
```
#54b2cc
```
#54b2cc rgb(84,178,204)
```
#63b9d0
```
#63b9d0 rgb(99,185,208)
```
#72c0d5
```
#72c0d5 rgb(114,192,213)
```
#81c6d9
```
#81c6d9 rgb(129,198,217)
```
#90cdde
```
#90cdde rgb(144,205,222)
```
#9fd4e2
```
#9fd4e2 rgb(159,212,226)
```
#aedbe7
```
#aedbe7 rgb(174,219,231)
```
#bde1eb
```
#bde1eb rgb(189,225,235)
```
#cce8f0
```
#cce8f0 rgb(204,232,240)
```
#dceff4
```
#dceff4 rgb(220,239,244)
```
#ebf6f9
```
#ebf6f9 rgb(235,246,249)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #181b1c is the less saturated color, while #002934 is the most saturated one.

#181b1c
```
#181b1c rgb(24,27,28)
```
#161c1e
```
#161c1e rgb(22,28,30)
```
#141d20
```
#141d20 rgb(20,29,32)
```
#121f22
```
#121f22 rgb(18,31,34)
```
#102024
```
#102024 rgb(16,32,36)
```
#0e2126
```
#0e2126 rgb(14,33,38)
```
#0c2228
```
#0c2228 rgb(12,34,40)
```
#0a232a
```
#0a232a rgb(10,35,42)
```
#08242c
```
#08242c rgb(8,36,44)
```
#06252e
```
#06252e rgb(6,37,46)
```
#042730
```
#042730 rgb(4,39,48)
```
#022832
```
#022832 rgb(2,40,50)
```
#002934
```
#002934 rgb(0,41,52)
```

Tone Color Variation

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

#1c1c1c Achromatopsia 0.005% of the population
#191d1e Atypical Achromatopsia 0.001% of the population

Dichromacy

#292a31 Protanopia 1% of men
#292934 Deuteranopia 1% of men
#172d31 Tritanopia 0.001% of the population

Trichromacy

#1e272d Protanomaly 1% of men, 0.01% of women
#1e272f Deuteranomaly 6% of men, 0.4% of women
#13292d Tritanomaly 0.01% of the population

#0c2228 hex color

#0c2228 Color Information

#0c2228 Color Conversion

Color Schemes with #0c2228

Alternatives to #0c2228

#0c2228 Preview

Shades and Tints of #0c2228

Tones of #0c2228

Color Blindness Simulator