#220a48 hex color

In a RGB color space, hex #220a48 is composed of 13.3% red, 3.9% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 52.8% cyan, 86.1% magenta, 0% yellow and 71.8% black. It has a hue angle of 263.2 degrees, a saturation of 75.6% and a lightness of 16.1%. #220a48 color hex could be obtained by blending #441490 with #000000. Closest websafe color is: #330033.

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

● #220a48 color description : Very dark violet.

The hexadecimal color #220a48 has RGB values of R:34, G:10, B:72 and CMYK values of C:0.53, M:0.86, Y:0, K:0.72. Its decimal value is 2230856.

Hex triplet	220a48	`#220a48`
RGB Decimal	34, 10, 72	`rgb(34,10,72)`
RGB Percent	13.3, 3.9, 28.2	`rgb(13.3%,3.9%,28.2%)`
CMYK	53, 86, 0, 72
HSL	263.2°, 75.6, 16.1	`hsl(263.2,75.6%,16.1%)`
HSV (or HSB)	263.2°, 86.1, 28.2
Web Safe	330033	`#330033`

CIE-LAB	9.198, 27.978, -33.607
XYZ	1.938, 1.025, 6.226
xyY	0.211, 0.112, 1.025
CIE-LCH	9.198, 43.729, 309.777
CIE-LUV	9.198, 2.094, -25.353
Hunter-Lab	10.124, 16.446, -29.375
Binary	00100010, 00001010, 01001000

#220a48
```
#220a48 rgb(34,10,72)
```
#30480a
```
#30480a rgb(48,72,10)
```

Complementary Color

#0a1148
```
#0a1148 rgb(10,17,72)
```
#220a48
```
#220a48 rgb(34,10,72)
```
#410a48
```
#410a48 rgb(65,10,72)
```

Analogous Color

#11480a
```
#11480a rgb(17,72,10)
```
#220a48
```
#220a48 rgb(34,10,72)
```
#48410a
```
#48410a rgb(72,65,10)
```

Split Complementary Color

#0a4822
```
#0a4822 rgb(10,72,34)
```
#220a48
```
#220a48 rgb(34,10,72)
```
#48220a
```
#48220a rgb(72,34,10)
```

Triadic Color

#0a3048
```
#0a3048 rgb(10,48,72)
```
#220a48
```
#220a48 rgb(34,10,72)
```
#48220a
```
#48220a rgb(72,34,10)
```
#30480a
```
#30480a rgb(48,72,10)
```

Tetradic Color

#020105
```
#020105 rgb(2,1,5)
```
#0d041b
```
#0d041b rgb(13,4,27)
```
#170732
```
#170732 rgb(23,7,50)
```
#220a48
```
#220a48 rgb(34,10,72)
```
#2d0d5e
```
#2d0d5e rgb(45,13,94)
```
#371075
```
#371075 rgb(55,16,117)
```
#42138b
```
#42138b rgb(66,19,139)
```

Monochromatic Color

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

#130a48
```
#130a48 rgb(19,10,72)
```
#180a48
```
#180a48 rgb(24,10,72)
```
#1d0a48
```
#1d0a48 rgb(29,10,72)
```
#220a48
```
#220a48 rgb(34,10,72)
```
#270a48
```
#270a48 rgb(39,10,72)
```
#2c0a48
```
#2c0a48 rgb(44,10,72)
```
#320a48
```
#320a48 rgb(50,10,72)
```

Similar Colors

Text with hexadecimal color #220a48

This text has a font color of #220a48.

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

#220a48 background color

This paragraph has a background color of #220a48.

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

#220a48 border color

This element has a border color of #220a48.

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

CSS codes

.text {color:#220a48;}

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

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

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

#010003
```
#010003 rgb(1,0,3)
```
#0a0314
```
#0a0314 rgb(10,3,20)
```
#120526
```
#120526 rgb(18,5,38)
```
#1a0837
```
#1a0837 rgb(26,8,55)
```
#220a48
```
#220a48 rgb(34,10,72)
```
#2a0c59
```
#2a0c59 rgb(42,12,89)
```
#320f6a
```
#320f6a rgb(50,15,106)
```
#3a117c
```
#3a117c rgb(58,17,124)
```
#43148d
```
#43148d rgb(67,20,141)
```
#4b169e
```
#4b169e rgb(75,22,158)
```
#5318af
```
#5318af rgb(83,24,175)
```
#5b1bc1
```
#5b1bc1 rgb(91,27,193)
```
#631dd2
```
#631dd2 rgb(99,29,210)
```

Shade Color Variation

#6c22e0
```
#6c22e0 rgb(108,34,224)
```
#7733e3
```
#7733e3 rgb(119,51,227)
```
#8345e5
```
#8345e5 rgb(131,69,229)
```
#8e56e8
```
#8e56e8 rgb(142,86,232)
```
#9a67ea
```
#9a67ea rgb(154,103,234)
```
#a578ec
```
#a578ec rgb(165,120,236)
```
#b18aef
```
#b18aef rgb(177,138,239)
```
#bc9bf1
```
#bc9bf1 rgb(188,155,241)
```
#c8acf3
```
#c8acf3 rgb(200,172,243)
```
#d3bdf6
```
#d3bdf6 rgb(211,189,246)
```
#dfcef8
```
#dfcef8 rgb(223,206,248)
```
#eae0fb
```
#eae0fb rgb(234,224,251)
```
#f6f1fd
```
#f6f1fd rgb(246,241,253)
```

Tint Color Variation

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

#28262c
```
#28262c rgb(40,38,44)
```
#28232f
```
#28232f rgb(40,35,47)
```
#272032
```
#272032 rgb(39,32,50)
```
#261d35
```
#261d35 rgb(38,29,53)
```
#261a38
```
#261a38 rgb(38,26,56)
```
#25173b
```
#25173b rgb(37,23,59)
```
#24133f
```
#24133f rgb(36,19,63)
```
#231042
```
#231042 rgb(35,16,66)
```
#230d45
```
#230d45 rgb(35,13,69)
```
#220a48
```
#220a48 rgb(34,10,72)
```
#21074b
```
#21074b rgb(33,7,75)
```
#21044e
```
#21044e rgb(33,4,78)
```
#200151
```
#200151 rgb(32,1,81)
```

Tone Color Variation

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

#181818 Achromatopsia 0.005% of the population
#1a1522 Atypical Achromatopsia 0.001% of the population

Dichromacy

#002447 Protanopia 1% of men
#00263e Deuteranopia 1% of men
#202629 Tritanopia 0.001% of the population

Trichromacy

#0c1b47 Protanomaly 1% of men, 0.01% of women
#0c1c41 Deuteranomaly 6% of men, 0.4% of women
#201c34 Tritanomaly 0.01% of the population

#220a48 hex color

#220a48 Color Information

#220a48 Color Conversion

Color Schemes with #220a48

Alternatives to #220a48

#220a48 Preview

Shades and Tints of #220a48

Tones of #220a48

Color Blindness Simulator