#22204c hex color

In a RGB color space, hex #22204c is composed of 13.3% red, 12.5% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 57.9% magenta, 0% yellow and 70.2% black. It has a hue angle of 242.7 degrees, a saturation of 40.7% and a lightness of 21.2%. #22204c color hex could be obtained by blending #444098 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 13
- G 13
- B 30
RGB color chart
- C 55
- M 58
- Y 0
- K 70
CMYK color chart

● #22204c color description : Very dark desaturated blue.

The hexadecimal color #22204c has RGB values of R:34, G:32, B:76 and CMYK values of C:0.55, M:0.58, Y:0, K:0.7. Its decimal value is 2236492.

Hex triplet	22204c	`#22204c`
RGB Decimal	34, 32, 76	`rgb(34,32,76)`
RGB Percent	13.3, 12.5, 29.8	`rgb(13.3%,12.5%,29.8%)`
CMYK	55, 58, 0, 70
HSL	242.7°, 40.7, 21.2	`hsl(242.7,40.7%,21.2%)`
HSV (or HSB)	242.7°, 57.9, 29.8
Web Safe	333333	`#333333`

CIE-LAB	14.925, 15.01, -27.075
XYZ	2.48, 1.895, 7.072
xyY	0.217, 0.166, 1.895
CIE-LCH	14.925, 30.957, 299.003
CIE-LUV	14.925, -1.45, -27.384
Hunter-Lab	13.765, 8.076, -20.825
Binary	00100010, 00100000, 01001100

#22204c
```
#22204c rgb(34,32,76)
```
#4a4c20
```
#4a4c20 rgb(74,76,32)
```

Complementary Color

#20344c
```
#20344c rgb(32,52,76)
```
#22204c
```
#22204c rgb(34,32,76)
```
#38204c
```
#38204c rgb(56,32,76)
```

Analogous Color

#344c20
```
#344c20 rgb(52,76,32)
```
#22204c
```
#22204c rgb(34,32,76)
```
#4c3820
```
#4c3820 rgb(76,56,32)
```

Split Complementary Color

#204c22
```
#204c22 rgb(32,76,34)
```
#22204c
```
#22204c rgb(34,32,76)
```
#4c2220
```
#4c2220 rgb(76,34,32)
```

Triadic Color

#204a4c
```
#204a4c rgb(32,74,76)
```
#22204c
```
#22204c rgb(34,32,76)
```
#4c2220
```
#4c2220 rgb(76,34,32)
```
#4a4c20
```
#4a4c20 rgb(74,76,32)
```

Tetradic Color

#0a0916
```
#0a0916 rgb(10,9,22)
```
#121128
```
#121128 rgb(18,17,40)
```
#1a183a
```
#1a183a rgb(26,24,58)
```
#22204c
```
#22204c rgb(34,32,76)
```
#2a285e
```
#2a285e rgb(42,40,94)
```
#322f70
```
#322f70 rgb(50,47,112)
```
#3a3782
```
#3a3782 rgb(58,55,130)
```

Monochromatic Color

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

#20294c
```
#20294c rgb(32,41,76)
```
#20254c
```
#20254c rgb(32,37,76)
```
#20224c
```
#20224c rgb(32,34,76)
```
#22204c
```
#22204c rgb(34,32,76)
```
#26204c
```
#26204c rgb(38,32,76)
```
#29204c
```
#29204c rgb(41,32,76)
```
#2d204c
```
#2d204c rgb(45,32,76)
```

Similar Colors

Text with hexadecimal color #22204c

This text has a font color of #22204c.

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

#22204c background color

This paragraph has a background color of #22204c.

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

#22204c border color

This element has a border color of #22204c.

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

CSS codes

.text {color:#22204c;}

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

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

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

#030307
```
#030307 rgb(3,3,7)
```
#090915
```
#090915 rgb(9,9,21)
```
#0f0f23
```
#0f0f23 rgb(15,15,35)
```
#161430
```
#161430 rgb(22,20,48)
```
#1c1a3e
```
#1c1a3e rgb(28,26,62)
```
#22204c
```
#22204c rgb(34,32,76)
```
#28265a
```
#28265a rgb(40,38,90)
```
#2e2c68
```
#2e2c68 rgb(46,44,104)
```
#353175
```
#353175 rgb(53,49,117)
```
#3b3783
```
#3b3783 rgb(59,55,131)
```
#413d91
```
#413d91 rgb(65,61,145)
```
#47439f
```
#47439f rgb(71,67,159)
```
#4d49ad
```
#4d49ad rgb(77,73,173)
```

Shade Color Variation

#5753b6
```
#5753b6 rgb(87,83,182)
```
#6560bc
```
#6560bc rgb(101,96,188)
```
#726ec2
```
#726ec2 rgb(114,110,194)
```
#7f7cc8
```
#7f7cc8 rgb(127,124,200)
```
#8d8ace
```
#8d8ace rgb(141,138,206)
```
#9a98d3
```
#9a98d3 rgb(154,152,211)
```
#a8a5d9
```
#a8a5d9 rgb(168,165,217)
```
#b5b3df
```
#b5b3df rgb(181,179,223)
```
#c3c1e5
```
#c3c1e5 rgb(195,193,229)
```
#d0cfeb
```
#d0cfeb rgb(208,207,235)
```
#ddddf1
```
#ddddf1 rgb(221,221,241)
```
#ebeaf6
```
#ebeaf6 rgb(235,234,246)
```
#f8f8fc
```
#f8f8fc rgb(248,248,252)
```

Tint Color Variation

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

#353537
```
#353537 rgb(53,53,55)
```
#31313b
```
#31313b rgb(49,49,59)
```
#2d2c40
```
#2d2c40 rgb(45,44,64)
```
#2a2844
```
#2a2844 rgb(42,40,68)
```
#262448
```
#262448 rgb(38,36,72)
```
#22204c
```
#22204c rgb(34,32,76)
```
#1e1c50
```
#1e1c50 rgb(30,28,80)
```
#1a1854
```
#1a1854 rgb(26,24,84)
```
#171458
```
#171458 rgb(23,20,88)
```
#130f5d
```
#130f5d rgb(19,15,93)
```
#0f0b61
```
#0f0b61 rgb(15,11,97)
```
#0b0765
```
#0b0765 rgb(11,7,101)
```
#080369
```
#080369 rgb(8,3,105)
```

Tone Color Variation

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

#262626 Achromatopsia 0.005% of the population
#25252e Atypical Achromatopsia 0.001% of the population

Dichromacy

#152f58 Protanopia 1% of men
#023152 Deuteranopia 1% of men
#213337 Tritanopia 0.001% of the population

Trichromacy

#192954 Protanomaly 1% of men, 0.01% of women
#0e2b50 Deuteranomaly 6% of men, 0.4% of women
#212c3e Tritanomaly 0.01% of the population

#22204c hex color

#22204c Color Information

#22204c Color Conversion

Color Schemes with #22204c

Alternatives to #22204c

#22204c Preview

Shades and Tints of #22204c

Tones of #22204c

Color Blindness Simulator