#22016c hex color

In a RGB color space, hex #22016c is composed of 13.3% red, 0.4% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 99.1% magenta, 0% yellow and 57.6% black. It has a hue angle of 258.5 degrees, a saturation of 98.2% and a lightness of 21.4%. #22016c color hex could be obtained by blending #4402d8 with #000000. Closest websafe color is: #330066.

♥
- f
- t
- g
- R 13
- G 0
- B 42
RGB color chart
- C 69
- M 99
- Y 0
- K 58
CMYK color chart

● #22016c color description : Very dark violet.

The hexadecimal color #22016c has RGB values of R:34, G:1, B:108 and CMYK values of C:0.69, M:0.99, Y:0, K:0.58. Its decimal value is 2228588.

Hex triplet	22016c	`#22016c`
RGB Decimal	34, 1, 108	`rgb(34,1,108)`
RGB Percent	13.3, 0.4, 42.4	`rgb(13.3%,0.4%,42.4%)`
CMYK	69, 99, 0, 58
HSL	258.5°, 98.2, 21.4	`hsl(258.5,98.2%,21.4%)`
HSV (or HSB)	258.5°, 99.1, 42.4
Web Safe	330066	`#330066`

CIE-LAB	12.25, 42.604, -52.925
XYZ	3.377, 1.444, 14.287
xyY	0.177, 0.076, 1.444
CIE-LCH	12.25, 67.942, 308.834
CIE-LUV	12.25, 0.171, -44.096
Hunter-Lab	12.018, 29.122, -62.072
Binary	00100010, 00000001, 01101100

#22016c
```
#22016c rgb(34,1,108)
```
#4b6c01
```
#4b6c01 rgb(75,108,1)
```

Complementary Color

#01166c
```
#01166c rgb(1,22,108)
```
#22016c
```
#22016c rgb(34,1,108)
```
#58016c
```
#58016c rgb(88,1,108)
```

Analogous Color

#166c01
```
#166c01 rgb(22,108,1)
```
#22016c
```
#22016c rgb(34,1,108)
```
#6c5801
```
#6c5801 rgb(108,88,1)
```

Split Complementary Color

#016c22
```
#016c22 rgb(1,108,34)
```
#22016c
```
#22016c rgb(34,1,108)
```
#6c2201
```
#6c2201 rgb(108,34,1)
```

Triadic Color

#014b6c
```
#014b6c rgb(1,75,108)
```
#22016c
```
#22016c rgb(34,1,108)
```
#6c2201
```
#6c2201 rgb(108,34,1)
```
#4b6c01
```
#4b6c01 rgb(75,108,1)
```

Tetradic Color

#0a0020
```
#0a0020 rgb(10,0,32)
```
#120139
```
#120139 rgb(18,1,57)
```
#1a0153
```
#1a0153 rgb(26,1,83)
```
#22016c
```
#22016c rgb(34,1,108)
```
#2a0185
```
#2a0185 rgb(42,1,133)
```
#32019f
```
#32019f rgb(50,1,159)
```
#3a02b8
```
#3a02b8 rgb(58,2,184)
```

Monochromatic Color

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

#07016c
```
#07016c rgb(7,1,108)
```
#10016c
```
#10016c rgb(16,1,108)
```
#19016c
```
#19016c rgb(25,1,108)
```
#22016c
```
#22016c rgb(34,1,108)
```
#2b016c
```
#2b016c rgb(43,1,108)
```
#34016c
```
#34016c rgb(52,1,108)
```
#3d016c
```
#3d016c rgb(61,1,108)
```

Similar Colors

Text with hexadecimal color #22016c

This text has a font color of #22016c.

<span style="color:#22016c;">Text here</span>

#22016c background color

This paragraph has a background color of #22016c.

<p style="background-color:#22016c;">Content here</p>

#22016c border color

This element has a border color of #22016c.

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

CSS codes

.text {color:#22016c;}

.background {background-color:#22016c;}

.border {border:1px solid #22016c;}

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, #03000b is the darkest color, while #f9f6ff is the lightest one.

#03000b
```
#03000b rgb(3,0,11)
```
#0a001e
```
#0a001e rgb(10,0,30)
```
#100032
```
#100032 rgb(16,0,50)
```
#160145
```
#160145 rgb(22,1,69)
```
#1c0159
```
#1c0159 rgb(28,1,89)
```
#22016c
```
#22016c rgb(34,1,108)
```
#28017f
```
#28017f rgb(40,1,127)
```
#2e0193
```
#2e0193 rgb(46,1,147)
```
#3402a6
```
#3402a6 rgb(52,2,166)
```
#3a02ba
```
#3a02ba rgb(58,2,186)
```
#4102cd
```
#4102cd rgb(65,2,205)
```
#4702e1
```
#4702e1 rgb(71,2,225)
```
#4d02f4
```
#4d02f4 rgb(77,2,244)
```

Shade Color Variation

#570dfd
```
#570dfd rgb(87,13,253)
```
#6521fd
```
#6521fd rgb(101,33,253)
```
#7234fd
```
#7234fd rgb(114,52,253)
```
#8047fd
```
#8047fd rgb(128,71,253)
```
#8d5bfd
```
#8d5bfd rgb(141,91,253)
```
#9b6efe
```
#9b6efe rgb(155,110,254)
```
#a882fe
```
#a882fe rgb(168,130,254)
```
#b695fe
```
#b695fe rgb(182,149,254)
```
#c3a9fe
```
#c3a9fe rgb(195,169,254)
```
#d1bcfe
```
#d1bcfe rgb(209,188,254)
```
#ded0ff
```
#ded0ff rgb(222,208,255)
```
#ece3ff
```
#ece3ff rgb(236,227,255)
```
#f9f6ff
```
#f9f6ff rgb(249,246,255)
```

Tint Color Variation

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

#35333a
```
#35333a rgb(53,51,58)
```
#342f3e
```
#342f3e rgb(52,47,62)
```
#322b42
```
#322b42 rgb(50,43,66)
```
#302746
```
#302746 rgb(48,39,70)
```
#2f234a
```
#2f234a rgb(47,35,74)
```
#2d1e4f
```
#2d1e4f rgb(45,30,79)
```
#2c1a53
```
#2c1a53 rgb(44,26,83)
```
#2a1657
```
#2a1657 rgb(42,22,87)
```
#28125b
```
#28125b rgb(40,18,91)
```
#270e5f
```
#270e5f rgb(39,14,95)
```
#250964
```
#250964 rgb(37,9,100)
```
#240568
```
#240568 rgb(36,5,104)
```
#22016c
```
#22016c rgb(34,1,108)
```

Tone Color Variation

Below, you can see how #22016c 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

#171717 Achromatopsia 0.005% of the population
#191328 Atypical Achromatopsia 0.001% of the population

Dichromacy

#002a52 Protanopia 1% of men
#002c47 Deuteranopia 1% of men
#002f32 Tritanopia 0.001% of the population

Trichromacy

#0c1b5b Protanomaly 1% of men, 0.01% of women
#0c1c54 Deuteranomaly 6% of men, 0.4% of women
#0c1e47 Tritanomaly 0.01% of the population

#22016c hex color

#22016c Color Information

#22016c Color Conversion

Color Schemes with #22016c

Alternatives to #22016c

#22016c Preview

Shades and Tints of #22016c

Tones of #22016c

Color Blindness Simulator