#2204c5 hex color

In a RGB color space, hex #2204c5 is composed of 13.3% red, 1.6% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 98% magenta, 0% yellow and 22.7% black. It has a hue angle of 249.3 degrees, a saturation of 96% and a lightness of 39.4%. #2204c5 color hex could be obtained by blending #4408ff with #00008b. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 13
- G 2
- B 77
RGB color chart
- C 83
- M 98
- Y 0
- K 23
CMYK color chart

● #2204c5 color description : Strong blue.

The hexadecimal color #2204c5 has RGB values of R:34, G:4, B:197 and CMYK values of C:0.83, M:0.98, Y:0, K:0.23. Its decimal value is 2229445.

Hex triplet	2204c5	`#2204c5`
RGB Decimal	34, 4, 197	`rgb(34,4,197)`
RGB Percent	13.3, 1.6, 77.3	`rgb(13.3%,1.6%,77.3%)`
CMYK	83, 98, 0, 23
HSL	249.3°, 96, 39.4	`hsl(249.3,96%,39.4%)`
HSV (or HSB)	249.3°, 98, 77.3
Web Safe	3300cc	`#3300cc`

CIE-LAB	25.129, 64.739, -86.525
XYZ	10.779, 4.457, 53.113
xyY	0.158, 0.065, 4.457
CIE-LCH	25.129, 108.063, 306.804
CIE-LUV	25.129, -5.193, -97.695
Hunter-Lab	21.113, 54.187, -134.376
Binary	00100010, 00000100, 11000101

#2204c5
```
#2204c5 rgb(34,4,197)
```
#a7c504
```
#a7c504 rgb(167,197,4)
```

Complementary Color

#0447c5
```
#0447c5 rgb(4,71,197)
```
#2204c5
```
#2204c5 rgb(34,4,197)
```
#8304c5
```
#8304c5 rgb(131,4,197)
```

Analogous Color

#47c504
```
#47c504 rgb(71,197,4)
```
#2204c5
```
#2204c5 rgb(34,4,197)
```
#c58304
```
#c58304 rgb(197,131,4)
```

Split Complementary Color

#04c522
```
#04c522 rgb(4,197,34)
```
#2204c5
```
#2204c5 rgb(34,4,197)
```
#c52204
```
#c52204 rgb(197,34,4)
```

Triadic Color

#04a7c5
```
#04a7c5 rgb(4,167,197)
```
#2204c5
```
#2204c5 rgb(34,4,197)
```
#c52204
```
#c52204 rgb(197,34,4)
```
#a7c504
```
#a7c504 rgb(167,197,4)
```

Tetradic Color

#15027a
```
#15027a rgb(21,2,122)
```
#190393
```
#190393 rgb(25,3,147)
```
#1e03ac
```
#1e03ac rgb(30,3,172)
```
#2204c5
```
#2204c5 rgb(34,4,197)
```
#2605de
```
#2605de rgb(38,5,222)
```
#2b05f7
```
#2b05f7 rgb(43,5,247)
```
#3e1bfa
```
#3e1bfa rgb(62,27,250)
```

Monochromatic Color

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

#0416c5
```
#0416c5 rgb(4,22,197)
```
#0406c5
```
#0406c5 rgb(4,6,197)
```
#1204c5
```
#1204c5 rgb(18,4,197)
```
#2204c5
```
#2204c5 rgb(34,4,197)
```
#3204c5
```
#3204c5 rgb(50,4,197)
```
#4204c5
```
#4204c5 rgb(66,4,197)
```
#5204c5
```
#5204c5 rgb(82,4,197)
```

Similar Colors

Text with hexadecimal color #2204c5

This text has a font color of #2204c5.

<span style="color:#2204c5;">Text here</span>

#2204c5 background color

This paragraph has a background color of #2204c5.

<p style="background-color:#2204c5;">Content here</p>

#2204c5 border color

This element has a border color of #2204c5.

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

CSS codes

.text {color:#2204c5;}

.background {background-color:#2204c5;}

.border {border:1px solid #2204c5;}

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

#010005
```
#010005 rgb(1,0,5)
```
#040018
```
#040018 rgb(4,0,24)
```
#07012b
```
#07012b rgb(7,1,43)
```
#0b013e
```
#0b013e rgb(11,1,62)
```
#0e0252
```
#0e0252 rgb(14,2,82)
```
#110265
```
#110265 rgb(17,2,101)
```
#150278
```
#150278 rgb(21,2,120)
```
#18038b
```
#18038b rgb(24,3,139)
```
#1b039f
```
#1b039f rgb(27,3,159)
```
#1f04b2
```
#1f04b2 rgb(31,4,178)
```
#2204c5
```
#2204c5 rgb(34,4,197)
```
#2504d8
```
#2504d8 rgb(37,4,216)
```
#2905eb
```
#2905eb rgb(41,5,235)
```

Shade Color Variation

#2f0afa
```
#2f0afa rgb(47,10,250)
```
#3f1dfa
```
#3f1dfa rgb(63,29,250)
```
#5030fb
```
#5030fb rgb(80,48,251)
```
#6043fb
```
#6043fb rgb(96,67,251)
```
#7057fc
```
#7057fc rgb(112,87,252)
```
#816afc
```
#816afc rgb(129,106,252)
```
#917dfc
```
#917dfc rgb(145,125,252)
```
#a190fd
```
#a190fd rgb(161,144,253)
```
#b2a4fd
```
#b2a4fd rgb(178,164,253)
```
#c2b7fe
```
#c2b7fe rgb(194,183,254)
```
#d2cafe
```
#d2cafe rgb(210,202,254)
```
#e2ddfe
```
#e2ddfe rgb(226,221,254)
```
#f3f1ff
```
#f3f1ff rgb(243,241,255)
```

Tint Color Variation

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

#626168
```
#626168 rgb(98,97,104)
```
#5d5970
```
#5d5970 rgb(93,89,112)
```
#575178
```
#575178 rgb(87,81,120)
```
#524a7f
```
#524a7f rgb(82,74,127)
```
#4d4287
```
#4d4287 rgb(77,66,135)
```
#473a8f
```
#473a8f rgb(71,58,143)
```
#423297
```
#423297 rgb(66,50,151)
```
#3d2b9e
```
#3d2b9e rgb(61,43,158)
```
#3723a6
```
#3723a6 rgb(55,35,166)
```
#321bae
```
#321bae rgb(50,27,174)
```
#2d13b6
```
#2d13b6 rgb(45,19,182)
```
#270cbd
```
#270cbd rgb(39,12,189)
```
#2204c5
```
#2204c5 rgb(34,4,197)
```

Tone Color Variation

Below, you can see how #2204c5 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

#232323 Achromatopsia 0.005% of the population
#231d43 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004383 Protanopia 1% of men
#004771 Deuteranopia 1% of men
#004c4f Tritanopia 0.001% of the population

Trichromacy

#0c2c9b Protanomaly 1% of men, 0.01% of women
#0c2f8f Deuteranomaly 6% of men, 0.4% of women
#0c327a Tritanomaly 0.01% of the population

#2204c5 hex color

#2204c5 Color Information

#2204c5 Color Conversion

Color Schemes with #2204c5

Alternatives to #2204c5

#2204c5 Preview

Shades and Tints of #2204c5

Tones of #2204c5

Color Blindness Simulator