#222b94 hex color

In a RGB color space, hex #222b94 is composed of 13.3% red, 16.9% green and 58% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 70.9% magenta, 0% yellow and 42% black. It has a hue angle of 235.3 degrees, a saturation of 62.6% and a lightness of 35.7%. #222b94 color hex could be obtained by blending #4456ff with #000029. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 13
- G 17
- B 58
RGB color chart
- C 77
- M 71
- Y 0
- K 42
CMYK color chart

● #222b94 color description : Dark blue.

The hexadecimal color #222b94 has RGB values of R:34, G:43, B:148 and CMYK values of C:0.77, M:0.71, Y:0, K:0.42. Its decimal value is 2239380.

Hex triplet	222b94	`#222b94`
RGB Decimal	34, 43, 148	`rgb(34,43,148)`
RGB Percent	13.3, 16.9, 58	`rgb(13.3%,16.9%,58%)`
CMYK	77, 71, 0, 42
HSL	235.3°, 62.6, 35.7	`hsl(235.3,62.6%,35.7%)`
HSV (or HSB)	235.3°, 77, 58
Web Safe	333399	`#333399`

CIE-LAB	24.34, 34.378, -58.333
XYZ	6.868, 4.206, 28.465
xyY	0.174, 0.106, 4.206
CIE-LCH	24.34, 67.709, 300.513
CIE-LUV	24.34, -6.645, -71.095
Hunter-Lab	20.507, 23.891, -67.942
Binary	00100010, 00101011, 10010100

#222b94
```
#222b94 rgb(34,43,148)
```
#948b22
```
#948b22 rgb(148,139,34)
```

Complementary Color

#226494
```
#226494 rgb(34,100,148)
```
#222b94
```
#222b94 rgb(34,43,148)
```
#522294
```
#522294 rgb(82,34,148)
```

Analogous Color

#649422
```
#649422 rgb(100,148,34)
```
#222b94
```
#222b94 rgb(34,43,148)
```
#945222
```
#945222 rgb(148,82,34)
```

Split Complementary Color

#2b9422
```
#2b9422 rgb(43,148,34)
```
#222b94
```
#222b94 rgb(34,43,148)
```
#94222b
```
#94222b rgb(148,34,43)
```

Triadic Color

#22948b
```
#22948b rgb(34,148,139)
```
#222b94
```
#222b94 rgb(34,43,148)
```
#94222b
```
#94222b rgb(148,34,43)
```
#948b22
```
#948b22 rgb(148,139,34)
```

Tetradic Color

#141956
```
#141956 rgb(20,25,86)
```
#181f6b
```
#181f6b rgb(24,31,107)
```
#1d257f
```
#1d257f rgb(29,37,127)
```
#222b94
```
#222b94 rgb(34,43,148)
```
#2731a9
```
#2731a9 rgb(39,49,169)
```
#2c37bd
```
#2c37bd rgb(44,55,189)
```
#323fd0
```
#323fd0 rgb(50,63,208)
```

Monochromatic Color

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

#224894
```
#224894 rgb(34,72,148)
```
#223e94
```
#223e94 rgb(34,62,148)
```
#223594
```
#223594 rgb(34,53,148)
```
#222b94
```
#222b94 rgb(34,43,148)
```
#232294
```
#232294 rgb(35,34,148)
```
#2c2294
```
#2c2294 rgb(44,34,148)
```
#352294
```
#352294 rgb(53,34,148)
```

Similar Colors

Text with hexadecimal color #222b94

This text has a font color of #222b94.

<span style="color:#222b94;">Text here</span>

#222b94 background color

This paragraph has a background color of #222b94.

<p style="background-color:#222b94;">Content here</p>

#222b94 border color

This element has a border color of #222b94.

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

CSS codes

.text {color:#222b94;}

.background {background-color:#222b94;}

.border {border:1px solid #222b94;}

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

#010104
```
#010104 rgb(1,1,4)
```
#050614
```
#050614 rgb(5,6,20)
```
#080b24
```
#080b24 rgb(8,11,36)
```
#0c0f34
```
#0c0f34 rgb(12,15,52)
```
#101444
```
#101444 rgb(16,20,68)
```
#131854
```
#131854 rgb(19,24,84)
```
#171d64
```
#171d64 rgb(23,29,100)
```
#1b2274
```
#1b2274 rgb(27,34,116)
```
#1e2684
```
#1e2684 rgb(30,38,132)
```
#222b94
```
#222b94 rgb(34,43,148)
```
#2630a4
```
#2630a4 rgb(38,48,164)
```
#2934b4
```
#2934b4 rgb(41,52,180)
```
#2d39c4
```
#2d39c4 rgb(45,57,196)
```

Shade Color Variation

#3440d0
```
#3440d0 rgb(52,64,208)
```
#444fd4
```
#444fd4 rgb(68,79,212)
```
#545ed8
```
#545ed8 rgb(84,94,216)
```
#646ddb
```
#646ddb rgb(100,109,219)
```
#747cdf
```
#747cdf rgb(116,124,223)
```
#848be3
```
#848be3 rgb(132,139,227)
```
#949ae6
```
#949ae6 rgb(148,154,230)
```
#a4a9ea
```
#a4a9ea rgb(164,169,234)
```
#b4b8ee
```
#b4b8ee rgb(180,184,238)
```
#c4c7f1
```
#c4c7f1 rgb(196,199,241)
```
#d4d6f5
```
#d4d6f5 rgb(212,214,245)
```
#e4e5f9
```
#e4e5f9 rgb(228,229,249)
```
#f3f4fc
```
#f3f4fc rgb(243,244,252)
```

Tint Color Variation

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

#5a5a5c
```
#5a5a5c rgb(90,90,92)
```
#535463
```
#535463 rgb(83,84,99)
```
#4c4e6a
```
#4c4e6a rgb(76,78,106)
```
#454871
```
#454871 rgb(69,72,113)
```
#3e4378
```
#3e4378 rgb(62,67,120)
```
#373d7f
```
#373d7f rgb(55,61,127)
```
#303786
```
#303786 rgb(48,55,134)
```
#29318d
```
#29318d rgb(41,49,141)
```
#222b94
```
#222b94 rgb(34,43,148)
```
#1b259b
```
#1b259b rgb(27,37,155)
```
#141fa2
```
#141fa2 rgb(20,31,162)
```
#0d19a9
```
#0d19a9 rgb(13,25,169)
```
#0613b0
```
#0613b0 rgb(6,19,176)
```

Tone Color Variation

Below, you can see how #222b94 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

#343434 Achromatopsia 0.005% of the population
#303247 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004280 Protanopia 1% of men
#00456f Deuteranopia 1% of men
#004a4e Tritanopia 0.001% of the population

Trichromacy

#0c3987 Protanomaly 1% of men, 0.01% of women
#0c3c7c Deuteranomaly 6% of men, 0.4% of women
#0c3f68 Tritanomaly 0.01% of the population

#222b94 hex color

#222b94 Color Information

#222b94 Color Conversion

Color Schemes with #222b94

Alternatives to #222b94

#222b94 Preview

Shades and Tints of #222b94

Tones of #222b94

Color Blindness Simulator