#22158e hex color

In a RGB color space, hex #22158e is composed of 13.3% red, 8.2% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 85.2% magenta, 0% yellow and 44.3% black. It has a hue angle of 246.4 degrees, a saturation of 74.2% and a lightness of 32%. #22158e color hex could be obtained by blending #442aff with #00001d. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 13
- G 8
- B 56
RGB color chart
- C 76
- M 85
- Y 0
- K 44
CMYK color chart

● #22158e color description : Dark blue.

The hexadecimal color #22158e has RGB values of R:34, G:21, B:142 and CMYK values of C:0.76, M:0.85, Y:0, K:0.44. Its decimal value is 2233742.

Hex triplet	22158e	`#22158e`
RGB Decimal	34, 21, 142	`rgb(34,21,142)`
RGB Percent	13.3, 8.2, 55.7	`rgb(13.3%,8.2%,55.7%)`
CMYK	76, 85, 0, 44
HSL	246.4°, 74.2, 32	`hsl(246.4,74.2%,32%)`
HSV (or HSB)	246.4°, 85.2, 55.7
Web Safe	330099	`#330099`

CIE-LAB	19.346, 44.602, -62.867
XYZ	5.809, 2.829, 25.83
xyY	0.169, 0.082, 2.829
CIE-LCH	19.346, 77.082, 305.354
CIE-LUV	19.346, -3.276, -66.856
Hunter-Lab	16.82, 32.217, -79.275
Binary	00100010, 00010101, 10001110

#22158e
```
#22158e rgb(34,21,142)
```
#818e15
```
#818e15 rgb(129,142,21)
```

Complementary Color

#15458e
```
#15458e rgb(21,69,142)
```
#22158e
```
#22158e rgb(34,21,142)
```
#5f158e
```
#5f158e rgb(95,21,142)
```

Analogous Color

#458e15
```
#458e15 rgb(69,142,21)
```
#22158e
```
#22158e rgb(34,21,142)
```
#8e5f15
```
#8e5f15 rgb(142,95,21)
```

Split Complementary Color

#158e22
```
#158e22 rgb(21,142,34)
```
#22158e
```
#22158e rgb(34,21,142)
```
#8e2215
```
#8e2215 rgb(142,34,21)
```

Triadic Color

#15818e
```
#15818e rgb(21,129,142)
```
#22158e
```
#22158e rgb(34,21,142)
```
#8e2215
```
#8e2215 rgb(142,34,21)
```
#818e15
```
#818e15 rgb(129,142,21)
```

Tetradic Color

#120b4b
```
#120b4b rgb(18,11,75)
```
#170e62
```
#170e62 rgb(23,14,98)
```
#1d1278
```
#1d1278 rgb(29,18,120)
```
#22158e
```
#22158e rgb(34,21,142)
```
#2718a4
```
#2718a4 rgb(39,24,164)
```
#2d1cba
```
#2d1cba rgb(45,28,186)
```
#321fd1
```
#321fd1 rgb(50,31,209)
```

Monochromatic Color

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

#15268e
```
#15268e rgb(21,38,142)
```
#151c8e
```
#151c8e rgb(21,28,142)
```
#18158e
```
#18158e rgb(24,21,142)
```
#22158e
```
#22158e rgb(34,21,142)
```
#2c158e
```
#2c158e rgb(44,21,142)
```
#36158e
```
#36158e rgb(54,21,142)
```
#40158e
```
#40158e rgb(64,21,142)
```

Similar Colors

Text with hexadecimal color #22158e

This text has a font color of #22158e.

<span style="color:#22158e;">Text here</span>

#22158e background color

This paragraph has a background color of #22158e.

<p style="background-color:#22158e;">Content here</p>

#22158e border color

This element has a border color of #22158e.

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

CSS codes

.text {color:#22158e;}

.background {background-color:#22158e;}

.border {border:1px solid #22158e;}

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

#010105
```
#010105 rgb(1,1,5)
```
#050316
```
#050316 rgb(5,3,22)
```
#090627
```
#090627 rgb(9,6,39)
```
#0e0839
```
#0e0839 rgb(14,8,57)
```
#120b4a
```
#120b4a rgb(18,11,74)
```
#160d5b
```
#160d5b rgb(22,13,91)
```
#1a106c
```
#1a106c rgb(26,16,108)
```
#1e127d
```
#1e127d rgb(30,18,125)
```
#22158e
```
#22158e rgb(34,21,142)
```
#26189f
```
#26189f rgb(38,24,159)
```
#2a1ab0
```
#2a1ab0 rgb(42,26,176)
```
#2e1dc1
```
#2e1dc1 rgb(46,29,193)
```
#321fd2
```
#321fd2 rgb(50,31,210)
```

Shade Color Variation

#3a26df
```
#3a26df rgb(58,38,223)
```
#4a37e1
```
#4a37e1 rgb(74,55,225)
```
#5948e4
```
#5948e4 rgb(89,72,228)
```
#6959e7
```
#6959e7 rgb(105,89,231)
```
#786ae9
```
#786ae9 rgb(120,106,233)
```
#887cec
```
#887cec rgb(136,124,236)
```
#978dee
```
#978dee rgb(151,141,238)
```
#a79ef1
```
#a79ef1 rgb(167,158,241)
```
#b6aff3
```
#b6aff3 rgb(182,175,243)
```
#c6c0f6
```
#c6c0f6 rgb(198,192,246)
```
#d5d1f8
```
#d5d1f8 rgb(213,209,248)
```
#e5e2fb
```
#e5e2fb rgb(229,226,251)
```
#f4f3fd
```
#f4f3fd rgb(244,243,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e4d56 is the less saturated color, while #1302a1 is the most saturated one.

#4e4d56
```
#4e4d56 rgb(78,77,86)
```
#49475c
```
#49475c rgb(73,71,92)
```
#444162
```
#444162 rgb(68,65,98)
```
#403b68
```
#403b68 rgb(64,59,104)
```
#3b346f
```
#3b346f rgb(59,52,111)
```
#362e75
```
#362e75 rgb(54,46,117)
```
#31287b
```
#31287b rgb(49,40,123)
```
#2c2281
```
#2c2281 rgb(44,34,129)
```
#271b88
```
#271b88 rgb(39,27,136)
```
#22158e
```
#22158e rgb(34,21,142)
```
#1d0f94
```
#1d0f94 rgb(29,15,148)
```
#18089b
```
#18089b rgb(24,8,155)
```
#1302a1
```
#1302a1 rgb(19,2,161)
```

Tone Color Variation

Below, you can see how #22158e 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

#272727 Achromatopsia 0.005% of the population
#26233c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00386c Protanopia 1% of men
#003b5e Deuteranopia 1% of men
#003f42 Tritanopia 0.001% of the population

Trichromacy

#0c2b78 Protanomaly 1% of men, 0.01% of women
#0c2d6f Deuteranomaly 6% of men, 0.4% of women
#0c305e Tritanomaly 0.01% of the population

#22158e hex color

#22158e Color Information

#22158e Color Conversion

Color Schemes with #22158e

Alternatives to #22158e

#22158e Preview

Shades and Tints of #22158e

Tones of #22158e

Color Blindness Simulator