colorhexa.com

#2224a1 hex color

In a RGB color space, hex #2224a1 is composed of 13.3% red, 14.1% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 77.6% magenta, 0% yellow and 36.9% black. It has a hue angle of 239.1 degrees, a saturation of 65.1% and a lightness of 38.2%. #2224a1 color hex could be obtained by blending #4448ff with #000043. Closest websafe color is: #333399.

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

● #2224a1 color description : Dark blue.

The hexadecimal color #2224a1 has RGB values of R:34, G:36, B:161 and CMYK values of C:0.79, M:0.78, Y:0, K:0.37. Its decimal value is 2237601.

Hex triplet	2224a1	`#2224a1`
RGB Decimal	34, 36, 161	`rgb(34,36,161)`
RGB Percent	13.3, 14.1, 63.1	`rgb(13.3%,14.1%,63.1%)`
CMYK	79, 78, 0, 37
HSL	239.1°, 65.1, 38.2	`hsl(239.1,65.1%,38.2%)`
HSV (or HSB)	239.1°, 78.9, 63.1
Web Safe	333399	`#333399`

CIE-LAB	24.24, 43.108, -66.459
XYZ	7.722, 4.175, 34.115
xyY	0.168, 0.091, 4.175
CIE-LCH	24.24, 79.216, 302.969
CIE-LUV	24.24, -5.976, -79.023
Hunter-Lab	20.432, 31.71, -84.695
Binary	00100010, 00100100, 10100001

#2224a1
```
#2224a1 rgb(34,36,161)
```
#a19f22
```
#a19f22 rgb(161,159,34)
```

Complementary Color

#2264a1
```
#2264a1 rgb(34,100,161)
```
#2224a1
```
#2224a1 rgb(34,36,161)
```
#6022a1
```
#6022a1 rgb(96,34,161)
```

Analogous Color

#64a122
```
#64a122 rgb(100,161,34)
```
#2224a1
```
#2224a1 rgb(34,36,161)
```
#a16022
```
#a16022 rgb(161,96,34)
```

Split Complementary Color

#24a122
```
#24a122 rgb(36,161,34)
```
#2224a1
```
#2224a1 rgb(34,36,161)
```
#a12224
```
#a12224 rgb(161,34,36)
```

Triadic Color

#22a19f
```
#22a19f rgb(34,161,159)
```
#2224a1
```
#2224a1 rgb(34,36,161)
```
#a12224
```
#a12224 rgb(161,34,36)
```
#a19f22
```
#a19f22 rgb(161,159,34)
```

Tetradic Color

#151662
```
#151662 rgb(21,22,98)
```
#191b77
```
#191b77 rgb(25,27,119)
```
#1e1f8c
```
#1e1f8c rgb(30,31,140)
```
#2224a1
```
#2224a1 rgb(34,36,161)
```
#2629b6
```
#2629b6 rgb(38,41,182)
```
#2b2dcb
```
#2b2dcb rgb(43,45,203)
```
#3a3dd5
```
#3a3dd5 rgb(58,61,213)
```

Monochromatic Color

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

#2244a1
```
#2244a1 rgb(34,68,161)
```
#2239a1
```
#2239a1 rgb(34,57,161)
```
#222fa1
```
#222fa1 rgb(34,47,161)
```
#2224a1
```
#2224a1 rgb(34,36,161)
```
#2b22a1
```
#2b22a1 rgb(43,34,161)
```
#3522a1
```
#3522a1 rgb(53,34,161)
```
#4022a1
```
#4022a1 rgb(64,34,161)
```

Similar Colors

Text with hexadecimal color #2224a1

This text has a font color of #2224a1.

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

#2224a1 background color

This paragraph has a background color of #2224a1.

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

#2224a1 border color

This element has a border color of #2224a1.

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

CSS codes

.text {color:#2224a1;}

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

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

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, #03030f is the darkest color, while #fefeff is the lightest one.

#03030f
```
#03030f rgb(3,3,15)
```
#07071f
```
#07071f rgb(7,7,31)
```
#0a0b30
```
#0a0b30 rgb(10,11,48)
```
#0d0e40
```
#0d0e40 rgb(13,14,64)
```
#111250
```
#111250 rgb(17,18,80)
```
#141660
```
#141660 rgb(20,22,96)
```
#181970
```
#181970 rgb(24,25,112)
```
#1b1d81
```
#1b1d81 rgb(27,29,129)
```
#1f2091
```
#1f2091 rgb(31,32,145)
```
#2224a1
```
#2224a1 rgb(34,36,161)
```
#2528b1
```
#2528b1 rgb(37,40,177)
```
#292bc1
```
#292bc1 rgb(41,43,193)
```
#2c2fd2
```
#2c2fd2 rgb(44,47,210)
```

Shade Color Variation

#3c3ed6
```
#3c3ed6 rgb(60,62,214)
```
#4c4ed9
```
#4c4ed9 rgb(76,78,217)
```
#5c5edd
```
#5c5edd rgb(92,94,221)
```
#6c6ee0
```
#6c6ee0 rgb(108,110,224)
```
#7c7ee3
```
#7c7ee3 rgb(124,126,227)
```
#8d8ee7
```
#8d8ee7 rgb(141,142,231)
```
#9d9eea
```
#9d9eea rgb(157,158,234)
```
#adaeee
```
#adaeee rgb(173,174,238)
```
#bdbef1
```
#bdbef1 rgb(189,190,241)
```
#cdcef5
```
#cdcef5 rgb(205,206,245)
```
#dedef8
```
#dedef8 rgb(222,222,248)
```
#eeeefb
```
#eeeefb rgb(238,238,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#5e5e65
```
#5e5e65 rgb(94,94,101)
```
#57576d
```
#57576d rgb(87,87,109)
```
#4f5074
```
#4f5074 rgb(79,80,116)
```
#48487c
```
#48487c rgb(72,72,124)
```
#404183
```
#404183 rgb(64,65,131)
```
#393a8b
```
#393a8b rgb(57,58,139)
```
#313392
```
#313392 rgb(49,51,146)
```
#2a2b9a
```
#2a2b9a rgb(42,43,154)
```
#2224a1
```
#2224a1 rgb(34,36,161)
```
#1b1da9
```
#1b1da9 rgb(27,29,169)
```
#1315b0
```
#1315b0 rgb(19,21,176)
```
#0c0eb8
```
#0c0eb8 rgb(12,14,184)
```
#0407bf
```
#0407bf rgb(4,7,191)
```

Tone Color Variation

Below, you can see how #2224a1 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

#323232 Achromatopsia 0.005% of the population
#2f2f48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004180 Protanopia 1% of men
#00456e Deuteranopia 1% of men
#004a4e Tritanopia 0.001% of the population

Trichromacy

#0c378c Protanomaly 1% of men, 0.01% of women
#0c3981 Deuteranomaly 6% of men, 0.4% of women
#0c3c6c Tritanomaly 0.01% of the population