colorhexa.com

#2204a1 hex color

In a RGB color space, hex #2204a1 is composed of 13.3% red, 1.6% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 97.5% magenta, 0% yellow and 36.9% black. It has a hue angle of 251.5 degrees, a saturation of 95.2% and a lightness of 32.4%. #2204a1 color hex could be obtained by blending #4408ff with #000043. Closest websafe color is: #330099.

- R 13
- G 2
- B 63
RGB color chart
- C 79
- M 98
- Y 0
- K 37
CMYK color chart

● #2204a1 color description : Dark blue.

The hexadecimal color #2204a1 has RGB values of R:34, G:4, B:161 and CMYK values of C:0.79, M:0.98, Y:0, K:0.37. Its decimal value is 2229409.

Hex triplet	2204a1	`#2204a1`
RGB Decimal	34, 4, 161	`rgb(34,4,161)`
RGB Percent	13.3, 1.6, 63.1	`rgb(13.3%,1.6%,63.1%)`
CMYK	79, 98, 0, 37
HSL	251.5°, 95.2, 32.4	`hsl(251.5,95.2%,32.4%)`
HSV (or HSB)	251.5°, 97.5, 63.1
Web Safe	330099	`#330099`

CIE-LAB	20.043, 55.564, -73.436
XYZ	7.135, 3, 33.919
xyY	0.162, 0.068, 3
CIE-LCH	20.043, 92.089, 307.112
CIE-LUV	20.043, -3.227, -76.317
Hunter-Lab	17.32, 43.224, -103.991
Binary	00100010, 00000100, 10100001

#2204a1
```
#2204a1 rgb(34,4,161)
```
#83a104
```
#83a104 rgb(131,161,4)
```

Complementary Color

#0434a1
```
#0434a1 rgb(4,52,161)
```
#2204a1
```
#2204a1 rgb(34,4,161)
```
#7104a1
```
#7104a1 rgb(113,4,161)
```

Analogous Color

#34a104
```
#34a104 rgb(52,161,4)
```
#2204a1
```
#2204a1 rgb(34,4,161)
```
#a17104
```
#a17104 rgb(161,113,4)
```

Split Complementary Color

#120256
```
#120256 rgb(18,2,86)
```
#17036f
```
#17036f rgb(23,3,111)
```
#1d0388
```
#1d0388 rgb(29,3,136)
```
#2204a1
```
#2204a1 rgb(34,4,161)
```
#2705ba
```
#2705ba rgb(39,5,186)
```
#2d05d3
```
#2d05d3 rgb(45,5,211)
```
#3206ec
```
#3206ec rgb(50,6,236)
```

Monochromatic Color

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

#040da1
```
#040da1 rgb(4,13,161)
```
#0804a1
```
#0804a1 rgb(8,4,161)
```
#1504a1
```
#1504a1 rgb(21,4,161)
```
#2204a1
```
#2204a1 rgb(34,4,161)
```
#2f04a1
```
#2f04a1 rgb(47,4,161)
```
#3c04a1
```
#3c04a1 rgb(60,4,161)
```
#4904a1
```
#4904a1 rgb(73,4,161)
```

Similar Colors

Text with hexadecimal color #2204a1

This text has a font color of #2204a1.

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

#2204a1 background color

This paragraph has a background color of #2204a1.

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

#2204a1 border color

This element has a border color of #2204a1.

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

CSS codes

.text {color:#2204a1;}

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

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

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

#020008
```
#020008 rgb(2,0,8)
```
#06011b
```
#06011b rgb(6,1,27)
```
#0a012e
```
#0a012e rgb(10,1,46)
```
#0e0241
```
#0e0241 rgb(14,2,65)
```
#120254
```
#120254 rgb(18,2,84)
```
#160368
```
#160368 rgb(22,3,104)
```
#1a037b
```
#1a037b rgb(26,3,123)
```
#1e048e
```
#1e048e rgb(30,4,142)
```
#2204a1
```
#2204a1 rgb(34,4,161)
```
#2604b4
```
#2604b4 rgb(38,4,180)
```
#2a05c7
```
#2a05c7 rgb(42,5,199)
```
#2e05da
```
#2e05da rgb(46,5,218)
```
#3206ee
```
#3206ee rgb(50,6,238)
```

Shade Color Variation

#3b0ef9
```
#3b0ef9 rgb(59,14,249)
```
#4b21f9
```
#4b21f9 rgb(75,33,249)
```
#5a34fa
```
#5a34fa rgb(90,52,250)
```
#6a47fa
```
#6a47fa rgb(106,71,250)
```
#795bfb
```
#795bfb rgb(121,91,251)
```
#896efb
```
#896efb rgb(137,110,251)
```
#9881fc
```
#9881fc rgb(152,129,252)
```
#a894fc
```
#a894fc rgb(168,148,252)
```
#b8a7fd
```
#b8a7fd rgb(184,167,253)
```
#c7bafd
```
#c7bafd rgb(199,186,253)
```
#d7cdfe
```
#d7cdfe rgb(215,205,254)
```
#e6e1fe
```
#e6e1fe rgb(230,225,254)
```
#f6f4ff
```
#f6f4ff rgb(246,244,255)
```

Tint Color Variation

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

#515055
```
#515055 rgb(81,80,85)
```
#4d4a5b
```
#4d4a5b rgb(77,74,91)
```
#494362
```
#494362 rgb(73,67,98)
```
#453d68
```
#453d68 rgb(69,61,104)
```
#41376e
```
#41376e rgb(65,55,110)
```
#3d3075
```
#3d3075 rgb(61,48,117)
```
#3a2a7b
```
#3a2a7b rgb(58,42,123)
```
#362481
```
#362481 rgb(54,36,129)
```
#321d88
```
#321d88 rgb(50,29,136)
```
#2e178e
```
#2e178e rgb(46,23,142)
```
#2a1194
```
#2a1194 rgb(42,17,148)
```
#260a9b
```
#260a9b rgb(38,10,155)
```
#2204a1
```
#2204a1 rgb(34,4,161)
```

Tone Color Variation

Below, you can see how #2204a1 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
#201a39 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00396f Protanopia 1% of men
#003c60 Deuteranopia 1% of men
#004143 Tritanopia 0.001% of the population

Trichromacy

#0c2681 Protanomaly 1% of men, 0.01% of women
#0c2877 Deuteranomaly 6% of men, 0.4% of women
#0c2a65 Tritanomaly 0.01% of the population