#220c48 hex color

In a RGB color space, hex #220c48 is composed of 13.3% red, 4.7% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 52.8% cyan, 83.3% magenta, 0% yellow and 71.8% black. It has a hue angle of 262 degrees, a saturation of 71.4% and a lightness of 16.5%. #220c48 color hex could be obtained by blending #441890 with #000000. Closest websafe color is: #330033.

♥
- f
- t
- g
- R 13
- G 5
- B 28
RGB color chart
- C 53
- M 83
- Y 0
- K 72
CMYK color chart

● #220c48 color description : Very dark violet.

The hexadecimal color #220c48 has RGB values of R:34, G:12, B:72 and CMYK values of C:0.53, M:0.83, Y:0, K:0.72. Its decimal value is 2231368.

Hex triplet	220c48	`#220c48`
RGB Decimal	34, 12, 72	`rgb(34,12,72)`
RGB Percent	13.3, 4.7, 28.2	`rgb(13.3%,4.7%,28.2%)`
CMYK	53, 83, 0, 72
HSL	262°, 71.4, 16.5	`hsl(262,71.4%,16.5%)`
HSV (or HSB)	262°, 83.3, 28.2
Web Safe	330033	`#330033`

CIE-LAB	9.569, 26.918, -33
XYZ	1.961, 1.071, 6.234
xyY	0.212, 0.116, 1.071
CIE-LCH	9.569, 42.587, 309.204
CIE-LUV	9.569, 1.954, -25.613
Hunter-Lab	10.348, 15.71, -28.473
Binary	00100010, 00001100, 01001000

#220c48
```
#220c48 rgb(34,12,72)
```
#32480c
```
#32480c rgb(50,72,12)
```

Complementary Color

#0c1448
```
#0c1448 rgb(12,20,72)
```
#220c48
```
#220c48 rgb(34,12,72)
```
#400c48
```
#400c48 rgb(64,12,72)
```

Analogous Color

#14480c
```
#14480c rgb(20,72,12)
```
#220c48
```
#220c48 rgb(34,12,72)
```
#48400c
```
#48400c rgb(72,64,12)
```

Split Complementary Color

#0c4822
```
#0c4822 rgb(12,72,34)
```
#220c48
```
#220c48 rgb(34,12,72)
```
#48220c
```
#48220c rgb(72,34,12)
```

Triadic Color

#0c3248
```
#0c3248 rgb(12,50,72)
```
#220c48
```
#220c48 rgb(34,12,72)
```
#48220c
```
#48220c rgb(72,34,12)
```
#32480c
```
#32480c rgb(50,72,12)
```

Tetradic Color

#030106
```
#030106 rgb(3,1,6)
```
#0d051c
```
#0d051c rgb(13,5,28)
```
#180832
```
#180832 rgb(24,8,50)
```
#220c48
```
#220c48 rgb(34,12,72)
```
#2c105e
```
#2c105e rgb(44,16,94)
```
#371374
```
#371374 rgb(55,19,116)
```
#41178a
```
#41178a rgb(65,23,138)
```

Monochromatic Color

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

#130c48
```
#130c48 rgb(19,12,72)
```
#180c48
```
#180c48 rgb(24,12,72)
```
#1d0c48
```
#1d0c48 rgb(29,12,72)
```
#220c48
```
#220c48 rgb(34,12,72)
```
#270c48
```
#270c48 rgb(39,12,72)
```
#2c0c48
```
#2c0c48 rgb(44,12,72)
```
#310c48
```
#310c48 rgb(49,12,72)
```

Similar Colors

Text with hexadecimal color #220c48

This text has a font color of #220c48.

<span style="color:#220c48;">Text here</span>

#220c48 background color

This paragraph has a background color of #220c48.

<p style="background-color:#220c48;">Content here</p>

#220c48 border color

This element has a border color of #220c48.

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

CSS codes

.text {color:#220c48;}

.background {background-color:#220c48;}

.border {border:1px solid #220c48;}

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

#020105
```
#020105 rgb(2,1,5)
```
#0a0416
```
#0a0416 rgb(10,4,22)
```
#120626
```
#120626 rgb(18,6,38)
```
#1a0937
```
#1a0937 rgb(26,9,55)
```
#220c48
```
#220c48 rgb(34,12,72)
```
#2a0f59
```
#2a0f59 rgb(42,15,89)
```
#32126a
```
#32126a rgb(50,18,106)
```
#3a147a
```
#3a147a rgb(58,20,122)
```
#42178b
```
#42178b rgb(66,23,139)
```
#4a1a9c
```
#4a1a9c rgb(74,26,156)
```
#521dad
```
#521dad rgb(82,29,173)
```
#5a20be
```
#5a20be rgb(90,32,190)
```
#6222cf
```
#6222cf rgb(98,34,207)
```

Shade Color Variation

#6b29db
```
#6b29db rgb(107,41,219)
```
#763ade
```
#763ade rgb(118,58,222)
```
#824be1
```
#824be1 rgb(130,75,225)
```
#8e5ce4
```
#8e5ce4 rgb(142,92,228)
```
#996ce7
```
#996ce7 rgb(153,108,231)
```
#a57de9
```
#a57de9 rgb(165,125,233)
```
#b18eec
```
#b18eec rgb(177,142,236)
```
#bc9fef
```
#bc9fef rgb(188,159,239)
```
#c8b0f2
```
#c8b0f2 rgb(200,176,242)
```
#d4c0f5
```
#d4c0f5 rgb(212,192,245)
```
#dfd1f7
```
#dfd1f7 rgb(223,209,247)
```
#ebe2fa
```
#ebe2fa rgb(235,226,250)
```
#f7f3fd
```
#f7f3fd rgb(247,243,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #2a292b is the less saturated color, while #1f0252 is the most saturated one.

#2a292b
```
#2a292b rgb(42,41,43)
```
#29262e
```
#29262e rgb(41,38,46)
```
#282331
```
#282331 rgb(40,35,49)
```
#271f35
```
#271f35 rgb(39,31,53)
```
#261c38
```
#261c38 rgb(38,28,56)
```
#25193b
```
#25193b rgb(37,25,59)
```
#25163e
```
#25163e rgb(37,22,62)
```
#241242
```
#241242 rgb(36,18,66)
```
#230f45
```
#230f45 rgb(35,15,69)
```
#220c48
```
#220c48 rgb(34,12,72)
```
#21094b
```
#21094b rgb(33,9,75)
```
#20064e
```
#20064e rgb(32,6,78)
```
#1f0252
```
#1f0252 rgb(31,2,82)
```

Tone Color Variation

Below, you can see how #220c48 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

#191919 Achromatopsia 0.005% of the population
#1b1622 Atypical Achromatopsia 0.001% of the population

Dichromacy

#002548 Protanopia 1% of men
#00273f Deuteranopia 1% of men
#20272a Tritanopia 0.001% of the population

Trichromacy

#0c1c48 Protanomaly 1% of men, 0.01% of women
#0c1d42 Deuteranomaly 6% of men, 0.4% of women
#201d35 Tritanomaly 0.01% of the population

#220c48 hex color

#220c48 Color Information

#220c48 Color Conversion

Color Schemes with #220c48

Alternatives to #220c48

#220c48 Preview

Shades and Tints of #220c48

Tones of #220c48

Color Blindness Simulator