#220a86 hex color

In a RGB color space, hex #220a86 is composed of 13.3% red, 3.9% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 92.5% magenta, 0% yellow and 47.5% black. It has a hue angle of 251.6 degrees, a saturation of 86.1% and a lightness of 28.2%. #220a86 color hex could be obtained by blending #4414ff with #00000d. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 13
- G 4
- B 53
RGB color chart
- C 75
- M 93
- Y 0
- K 47
CMYK color chart

● #220a86 color description : Dark blue.

The hexadecimal color #220a86 has RGB values of R:34, G:10, B:134 and CMYK values of C:0.75, M:0.93, Y:0, K:0.47. Its decimal value is 2230918.

Hex triplet	220a86	`#220a86`
RGB Decimal	34, 10, 134	`rgb(34,10,134)`
RGB Percent	13.3, 3.9, 52.5	`rgb(13.3%,3.9%,52.5%)`
CMYK	75, 93, 0, 47
HSL	251.6°, 86.1, 28.2	`hsl(251.6,86.1%,28.2%)`
HSV (or HSB)	251.6°, 92.5, 52.5
Web Safe	330099	`#330099`

CIE-LAB	16.884, 46.482, -61.939
XYZ	5.07, 2.278, 22.725
xyY	0.169, 0.076, 2.278
CIE-LCH	16.884, 77.44, 306.886
CIE-LUV	16.884, -1.982, -60.901
Hunter-Lab	15.093, 33.551, -78.704
Binary	00100010, 00001010, 10000110

#220a86
```
#220a86 rgb(34,10,134)
```
#6e860a
```
#6e860a rgb(110,134,10)
```

Complementary Color

#0a3086
```
#0a3086 rgb(10,48,134)
```
#220a86
```
#220a86 rgb(34,10,134)
```
#600a86
```
#600a86 rgb(96,10,134)
```

Analogous Color

#30860a
```
#30860a rgb(48,134,10)
```
#220a86
```
#220a86 rgb(34,10,134)
```
#86600a
```
#86600a rgb(134,96,10)
```

Split Complementary Color

#0a8622
```
#0a8622 rgb(10,134,34)
```
#220a86
```
#220a86 rgb(34,10,134)
```
#86220a
```
#86220a rgb(134,34,10)
```

Triadic Color

#0a6e86
```
#0a6e86 rgb(10,110,134)
```
#220a86
```
#220a86 rgb(34,10,134)
```
#86220a
```
#86220a rgb(134,34,10)
```
#6e860a
```
#6e860a rgb(110,134,10)
```

Tetradic Color

#10053f
```
#10053f rgb(16,5,63)
```
#160657
```
#160657 rgb(22,6,87)
```
#1c086e
```
#1c086e rgb(28,8,110)
```
#220a86
```
#220a86 rgb(34,10,134)
```
#280c9e
```
#280c9e rgb(40,12,158)
```
#2e0eb5
```
#2e0eb5 rgb(46,14,181)
```
#340fcd
```
#340fcd rgb(52,15,205)
```

Monochromatic Color

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

#0a1186
```
#0a1186 rgb(10,17,134)
```
#0d0a86
```
#0d0a86 rgb(13,10,134)
```
#180a86
```
#180a86 rgb(24,10,134)
```
#220a86
```
#220a86 rgb(34,10,134)
```
#2c0a86
```
#2c0a86 rgb(44,10,134)
```
#370a86
```
#370a86 rgb(55,10,134)
```
#410a86
```
#410a86 rgb(65,10,134)
```

Similar Colors

Text with hexadecimal color #220a86

This text has a font color of #220a86.

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

#220a86 background color

This paragraph has a background color of #220a86.

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

#220a86 border color

This element has a border color of #220a86.

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

CSS codes

.text {color:#220a86;}

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

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

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

#020006
```
#020006 rgb(2,0,6)
```
#060218
```
#060218 rgb(6,2,24)
```
#0b032b
```
#0b032b rgb(11,3,43)
```
#0f053d
```
#0f053d rgb(15,5,61)
```
#14064f
```
#14064f rgb(20,6,79)
```
#190761
```
#190761 rgb(25,7,97)
```
#1d0974
```
#1d0974 rgb(29,9,116)
```
#220a86
```
#220a86 rgb(34,10,134)
```
#270b98
```
#270b98 rgb(39,11,152)
```
#2b0dab
```
#2b0dab rgb(43,13,171)
```
#300ebd
```
#300ebd rgb(48,14,189)
```
#350fcf
```
#350fcf rgb(53,15,207)
```
#3911e1
```
#3911e1 rgb(57,17,225)
```

Shade Color Variation

#4118ee
```
#4118ee rgb(65,24,238)
```
#502aef
```
#502aef rgb(80,42,239)
```
#5f3cf0
```
#5f3cf0 rgb(95,60,240)
```
#6e4ff2
```
#6e4ff2 rgb(110,79,242)
```
#7d61f3
```
#7d61f3 rgb(125,97,243)
```
#8c73f5
```
#8c73f5 rgb(140,115,245)
```
#9b85f6
```
#9b85f6 rgb(155,133,246)
```
#aa98f7
```
#aa98f7 rgb(170,152,247)
```
#b9aaf9
```
#b9aaf9 rgb(185,170,249)
```
#c8bcfa
```
#c8bcfa rgb(200,188,250)
```
#d7cefb
```
#d7cefb rgb(215,206,251)
```
#e6e1fd
```
#e6e1fd rgb(230,225,253)
```
#f5f3fe
```
#f5f3fe rgb(245,243,254)
```

Tint Color Variation

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

#474749
```
#474749 rgb(71,71,73)
```
#44414f
```
#44414f rgb(68,65,79)
```
#413c54
```
#413c54 rgb(65,60,84)
```
#3d365a
```
#3d365a rgb(61,54,90)
```
#3a315f
```
#3a315f rgb(58,49,95)
```
#362b65
```
#362b65 rgb(54,43,101)
```
#33266a
```
#33266a rgb(51,38,106)
```
#302070
```
#302070 rgb(48,32,112)
```
#2c1b75
```
#2c1b75 rgb(44,27,117)
```
#29157b
```
#29157b rgb(41,21,123)
```
#251080
```
#251080 rgb(37,16,128)
```
#220a86
```
#220a86 rgb(34,10,134)
```
#1f048c
```
#1f048c rgb(31,4,140)
```

Tone Color Variation

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

#1f1f1f Achromatopsia 0.005% of the population
#201b34 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003363 Protanopia 1% of men
#003655 Deuteranopia 1% of men
#003a3c Tritanopia 0.001% of the population

Trichromacy

#0c2470 Protanomaly 1% of men, 0.01% of women
#0c2667 Deuteranomaly 6% of men, 0.4% of women
#0c2857 Tritanomaly 0.01% of the population

#220a86 hex color

#220a86 Color Information

#220a86 Color Conversion

Color Schemes with #220a86

Alternatives to #220a86

#220a86 Preview

Shades and Tints of #220a86

Tones of #220a86

Color Blindness Simulator