#2204a0 hex color

In a RGB color space, hex #2204a0 is composed of 13.3% red, 1.6% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 97.5% magenta, 0% yellow and 37.3% black. It has a hue angle of 251.5 degrees, a saturation of 95.1% and a lightness of 32.2%. #2204a0 color hex could be obtained by blending #4408ff with #000041. Closest websafe color is: #330099.

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

● #2204a0 color description : Dark blue.

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

Hex triplet	2204a0	`#2204a0`
RGB Decimal	34, 4, 160	`rgb(34,4,160)`
RGB Percent	13.3, 1.6, 62.7	`rgb(13.3%,1.6%,62.7%)`
CMYK	79, 98, 0, 37
HSL	251.5°, 95.1, 32.2	`hsl(251.5,95.1%,32.2%)`
HSV (or HSB)	251.5°, 97.5, 62.7
Web Safe	330099	`#330099`

CIE-LAB	19.901, 55.304, -73.061
XYZ	7.047, 2.965, 33.457
xyY	0.162, 0.068, 2.965
CIE-LCH	19.901, 91.632, 307.124
CIE-LUV	19.901, -3.17, -75.719
Hunter-Lab	17.218, 42.926, -103.156
Binary	00100010, 00000100, 10100000

#2204a0
```
#2204a0 rgb(34,4,160)
```
#82a004
```
#82a004 rgb(130,160,4)
```

Complementary Color

#0434a0
```
#0434a0 rgb(4,52,160)
```
#2204a0
```
#2204a0 rgb(34,4,160)
```
#7004a0
```
#7004a0 rgb(112,4,160)
```

Analogous Color

#34a004
```
#34a004 rgb(52,160,4)
```
#2204a0
```
#2204a0 rgb(34,4,160)
```
#a07004
```
#a07004 rgb(160,112,4)
```

Split Complementary Color

#04a022
```
#04a022 rgb(4,160,34)
```
#2204a0
```
#2204a0 rgb(34,4,160)
```
#a02204
```
#a02204 rgb(160,34,4)
```

Triadic Color

#0482a0
```
#0482a0 rgb(4,130,160)
```
#2204a0
```
#2204a0 rgb(34,4,160)
```
#a02204
```
#a02204 rgb(160,34,4)
```
#82a004
```
#82a004 rgb(130,160,4)
```

Tetradic Color

#120255
```
#120255 rgb(18,2,85)
```
#17036e
```
#17036e rgb(23,3,110)
```
#1d0387
```
#1d0387 rgb(29,3,135)
```
#2204a0
```
#2204a0 rgb(34,4,160)
```
#2705b9
```
#2705b9 rgb(39,5,185)
```
#2d05d2
```
#2d05d2 rgb(45,5,210)
```
#3206eb
```
#3206eb rgb(50,6,235)
```

Monochromatic Color

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

#040da0
```
#040da0 rgb(4,13,160)
```
#0804a0
```
#0804a0 rgb(8,4,160)
```
#1504a0
```
#1504a0 rgb(21,4,160)
```
#2204a0
```
#2204a0 rgb(34,4,160)
```
#2f04a0
```
#2f04a0 rgb(47,4,160)
```
#3c04a0
```
#3c04a0 rgb(60,4,160)
```
#4904a0
```
#4904a0 rgb(73,4,160)
```

Similar Colors

Text with hexadecimal color #2204a0

This text has a font color of #2204a0.

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

#2204a0 background color

This paragraph has a background color of #2204a0.

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

#2204a0 border color

This element has a border color of #2204a0.

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

CSS codes

.text {color:#2204a0;}

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

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

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

#010007
```
#010007 rgb(1,0,7)
```
#06011a
```
#06011a rgb(6,1,26)
```
#0a012d
```
#0a012d rgb(10,1,45)
```
#0e0240
```
#0e0240 rgb(14,2,64)
```
#120253
```
#120253 rgb(18,2,83)
```
#160367
```
#160367 rgb(22,3,103)
```
#1a037a
```
#1a037a rgb(26,3,122)
```
#1e048d
```
#1e048d rgb(30,4,141)
```
#2204a0
```
#2204a0 rgb(34,4,160)
```
#2604b3
```
#2604b3 rgb(38,4,179)
```
#2a05c6
```
#2a05c6 rgb(42,5,198)
```
#2e05d9
```
#2e05d9 rgb(46,5,217)
```
#3206ed
```
#3206ed rgb(50,6,237)
```

Shade Color Variation

#3a0df9
```
#3a0df9 rgb(58,13,249)
```
#4a20f9
```
#4a20f9 rgb(74,32,249)
```
#5a33fa
```
#5a33fa rgb(90,51,250)
```
#6947fa
```
#6947fa rgb(105,71,250)
```
#795afb
```
#795afb rgb(121,90,251)
```
#886dfb
```
#886dfb rgb(136,109,251)
```
#9880fc
```
#9880fc rgb(152,128,252)
```
#a793fc
```
#a793fc rgb(167,147,252)
```
#b7a6fd
```
#b7a6fd rgb(183,166,253)
```
#c6b9fd
```
#c6b9fd rgb(198,185,253)
```
#d6ccfe
```
#d6ccfe rgb(214,204,254)
```
#e6e0fe
```
#e6e0fe rgb(230,224,254)
```
#f5f3ff
```
#f5f3ff rgb(245,243,255)
```

Tint Color Variation

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

#515054
```
#515054 rgb(81,80,84)
```
#4d495b
```
#4d495b rgb(77,73,91)
```
#494361
```
#494361 rgb(73,67,97)
```
#453d67
```
#453d67 rgb(69,61,103)
```
#41366e
```
#41366e rgb(65,54,110)
```
#3d3074
```
#3d3074 rgb(61,48,116)
```
#392a7a
```
#392a7a rgb(57,42,122)
```
#352480
```
#352480 rgb(53,36,128)
```
#321d87
```
#321d87 rgb(50,29,135)
```
#2e178d
```
#2e178d rgb(46,23,141)
```
#2a1193
```
#2a1193 rgb(42,17,147)
```
#260a9a
```
#260a9a rgb(38,10,154)
```
#2204a0
```
#2204a0 rgb(34,4,160)
```

Tone Color Variation

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

#00396e Protanopia 1% of men
#003c5f Deuteranopia 1% of men
#004043 Tritanopia 0.001% of the population

Trichromacy

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

#2204a0 hex color

#2204a0 Color Information

#2204a0 Color Conversion

Color Schemes with #2204a0

Alternatives to #2204a0

#2204a0 Preview

Shades and Tints of #2204a0

Tones of #2204a0

Color Blindness Simulator