#222e80 hex color

In a RGB color space, hex #222e80 is composed of 13.3% red, 18% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 73.4% cyan, 64.1% magenta, 0% yellow and 49.8% black. It has a hue angle of 232.3 degrees, a saturation of 58% and a lightness of 31.8%. #222e80 color hex could be obtained by blending #445cff with #000001. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 13
- G 18
- B 50
RGB color chart
- C 73
- M 64
- Y 0
- K 50
CMYK color chart

● #222e80 color description : Dark blue.

The hexadecimal color #222e80 has RGB values of R:34, G:46, B:128 and CMYK values of C:0.73, M:0.64, Y:0, K:0.5. Its decimal value is 2240128.

Hex triplet	222e80	`#222e80`
RGB Decimal	34, 46, 128	`rgb(34,46,128)`
RGB Percent	13.3, 18, 50.2	`rgb(13.3%,18%,50.2%)`
CMYK	73, 64, 0, 50
HSL	232.3°, 58, 31.8	`hsl(232.3,58%,31.8%)`
HSV (or HSB)	232.3°, 73.4, 50.2
Web Safe	333399	`#333399`

CIE-LAB	23.177, 24.905, -47.774
XYZ	5.532, 3.852, 20.873
xyY	0.183, 0.127, 3.852
CIE-LCH	23.177, 53.876, 297.534
CIE-LUV	23.177, -6.666, -58.161
Hunter-Lab	19.627, 15.965, -49.314
Binary	00100010, 00101110, 10000000

#222e80
```
#222e80 rgb(34,46,128)
```
#807422
```
#807422 rgb(128,116,34)
```

Complementary Color

#225d80
```
#225d80 rgb(34,93,128)
```
#222e80
```
#222e80 rgb(34,46,128)
```
#452280
```
#452280 rgb(69,34,128)
```

Analogous Color

#5d8022
```
#5d8022 rgb(93,128,34)
```
#222e80
```
#222e80 rgb(34,46,128)
```
#804522
```
#804522 rgb(128,69,34)
```

Split Complementary Color

#2e8022
```
#2e8022 rgb(46,128,34)
```
#222e80
```
#222e80 rgb(34,46,128)
```
#80222e
```
#80222e rgb(128,34,46)
```

Triadic Color

#228074
```
#228074 rgb(34,128,116)
```
#222e80
```
#222e80 rgb(34,46,128)
```
#80222e
```
#80222e rgb(128,34,46)
```
#807422
```
#807422 rgb(128,116,34)
```

Tetradic Color

#121844
```
#121844 rgb(18,24,68)
```
#172058
```
#172058 rgb(23,32,88)
```
#1d276c
```
#1d276c rgb(29,39,108)
```
#222e80
```
#222e80 rgb(34,46,128)
```
#273594
```
#273594 rgb(39,53,148)
```
#2d3ca8
```
#2d3ca8 rgb(45,60,168)
```
#3244bc
```
#3244bc rgb(50,68,188)
```

Monochromatic Color

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

#224680
```
#224680 rgb(34,70,128)
```
#223e80
```
#223e80 rgb(34,62,128)
```
#223680
```
#223680 rgb(34,54,128)
```
#222e80
```
#222e80 rgb(34,46,128)
```
#222680
```
#222680 rgb(34,38,128)
```
#262280
```
#262280 rgb(38,34,128)
```
#2e2280
```
#2e2280 rgb(46,34,128)
```

Similar Colors

Text with hexadecimal color #222e80

This text has a font color of #222e80.

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

#222e80 background color

This paragraph has a background color of #222e80.

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

#222e80 border color

This element has a border color of #222e80.

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

CSS codes

.text {color:#222e80;}

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

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

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 #f4f5fc is the lightest one.

#010104
```
#010104 rgb(1,1,4)
```
#050714
```
#050714 rgb(5,7,20)
```
#090d23
```
#090d23 rgb(9,13,35)
```
#0d1233
```
#0d1233 rgb(13,18,51)
```
#121842
```
#121842 rgb(18,24,66)
```
#161d52
```
#161d52 rgb(22,29,82)
```
#1a2361
```
#1a2361 rgb(26,35,97)
```
#1e2871
```
#1e2871 rgb(30,40,113)
```
#222e80
```
#222e80 rgb(34,46,128)
```
#26348f
```
#26348f rgb(38,52,143)
```
#2a399f
```
#2a399f rgb(42,57,159)
```
#2e3fae
```
#2e3fae rgb(46,63,174)
```
#3244be
```
#3244be rgb(50,68,190)
```

Shade Color Variation

#3a4ccb
```
#3a4ccb rgb(58,76,203)
```
#495acf
```
#495acf rgb(73,90,207)
```
#5968d3
```
#5968d3 rgb(89,104,211)
```
#6876d7
```
#6876d7 rgb(104,118,215)
```
#7884db
```
#7884db rgb(120,132,219)
```
#8792df
```
#8792df rgb(135,146,223)
```
#97a0e3
```
#97a0e3 rgb(151,160,227)
```
#a6aee7
```
#a6aee7 rgb(166,174,231)
```
#b6bceb
```
#b6bceb rgb(182,188,235)
```
#c5caf0
```
#c5caf0 rgb(197,202,240)
```
#d5d8f4
```
#d5d8f4 rgb(213,216,244)
```
#e4e7f8
```
#e4e7f8 rgb(228,231,248)
```
#f4f5fc
```
#f4f5fc rgb(244,245,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e4e54 is the less saturated color, while #03179f is the most saturated one.

#4e4e54
```
#4e4e54 rgb(78,78,84)
```
#474a5b
```
#474a5b rgb(71,74,91)
```
#414561
```
#414561 rgb(65,69,97)
```
#3b4167
```
#3b4167 rgb(59,65,103)
```
#353c6d
```
#353c6d rgb(53,60,109)
```
#2e3774
```
#2e3774 rgb(46,55,116)
```
#28337a
```
#28337a rgb(40,51,122)
```
#222e80
```
#222e80 rgb(34,46,128)
```
#1c2986
```
#1c2986 rgb(28,41,134)
```
#16258c
```
#16258c rgb(22,37,140)
```
#0f2093
```
#0f2093 rgb(15,32,147)
```
#091b99
```
#091b99 rgb(9,27,153)
```
#03179f
```
#03179f rgb(3,23,159)
```

Tone Color Variation

Below, you can see how #222e80 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
#303343 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003f7c Protanopia 1% of men
#00436c Deuteranopia 1% of men
#00484c Tritanopia 0.001% of the population

Trichromacy

#0c397d Protanomaly 1% of men, 0.01% of women
#0c3b73 Deuteranomaly 6% of men, 0.4% of women
#0c3e5f Tritanomaly 0.01% of the population

#222e80 hex color

#222e80 Color Information

#222e80 Color Conversion

Color Schemes with #222e80

Alternatives to #222e80

#222e80 Preview

Shades and Tints of #222e80

Tones of #222e80

Color Blindness Simulator