#222e82 hex color

In a RGB color space, hex #222e82 is composed of 13.3% red, 18% green and 51% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 64.6% magenta, 0% yellow and 49% black. It has a hue angle of 232.5 degrees, a saturation of 58.5% and a lightness of 32.2%. #222e82 color hex could be obtained by blending #445cff with #000005. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 13
- G 18
- B 51
RGB color chart
- C 74
- M 65
- Y 0
- K 49
CMYK color chart

● #222e82 color description : Dark blue.

The hexadecimal color #222e82 has RGB values of R:34, G:46, B:130 and CMYK values of C:0.74, M:0.65, Y:0, K:0.49. Its decimal value is 2240130.

Hex triplet	222e82	`#222e82`
RGB Decimal	34, 46, 130	`rgb(34,46,130)`
RGB Percent	13.3, 18, 51	`rgb(13.3%,18%,51%)`
CMYK	74, 65, 0, 49
HSL	232.5°, 58.5, 32.2	`hsl(232.5,58.5%,32.2%)`
HSV (or HSB)	232.5°, 73.8, 51
Web Safe	333399	`#333399`

CIE-LAB	23.356, 25.672, -48.74
XYZ	5.665, 3.905, 21.573
xyY	0.182, 0.125, 3.905
CIE-LCH	23.356, 55.087, 297.776
CIE-LUV	23.356, -6.72, -59.449
Hunter-Lab	19.762, 16.586, -50.89
Binary	00100010, 00101110, 10000010

#222e82
```
#222e82 rgb(34,46,130)
```
#827622
```
#827622 rgb(130,118,34)
```

Complementary Color

#225e82
```
#225e82 rgb(34,94,130)
```
#222e82
```
#222e82 rgb(34,46,130)
```
#462282
```
#462282 rgb(70,34,130)
```

Analogous Color

#5e8222
```
#5e8222 rgb(94,130,34)
```
#222e82
```
#222e82 rgb(34,46,130)
```
#824622
```
#824622 rgb(130,70,34)
```

Split Complementary Color

#2e8222
```
#2e8222 rgb(46,130,34)
```
#222e82
```
#222e82 rgb(34,46,130)
```
#82222e
```
#82222e rgb(130,34,46)
```

Triadic Color

#228276
```
#228276 rgb(34,130,118)
```
#222e82
```
#222e82 rgb(34,46,130)
```
#82222e
```
#82222e rgb(130,34,46)
```
#827622
```
#827622 rgb(130,118,34)
```

Tetradic Color

#121945
```
#121945 rgb(18,25,69)
```
#17205a
```
#17205a rgb(23,32,90)
```
#1d276e
```
#1d276e rgb(29,39,110)
```
#222e82
```
#222e82 rgb(34,46,130)
```
#273596
```
#273596 rgb(39,53,150)
```
#2d3caa
```
#2d3caa rgb(45,60,170)
```
#3243bf
```
#3243bf rgb(50,67,191)
```

Monochromatic Color

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

#224682
```
#224682 rgb(34,70,130)
```
#223e82
```
#223e82 rgb(34,62,130)
```
#223682
```
#223682 rgb(34,54,130)
```
#222e82
```
#222e82 rgb(34,46,130)
```
#222682
```
#222682 rgb(34,38,130)
```
#262282
```
#262282 rgb(38,34,130)
```
#2e2282
```
#2e2282 rgb(46,34,130)
```

Similar Colors

Text with hexadecimal color #222e82

This text has a font color of #222e82.

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

#222e82 background color

This paragraph has a background color of #222e82.

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

#222e82 border color

This element has a border color of #222e82.

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

CSS codes

.text {color:#222e82;}

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

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

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

#010206
```
#010206 rgb(1,2,6)
```
#060715
```
#060715 rgb(6,7,21)
```
#0a0d25
```
#0a0d25 rgb(10,13,37)
```
#0e1234
```
#0e1234 rgb(14,18,52)
```
#121844
```
#121844 rgb(18,24,68)
```
#161d53
```
#161d53 rgb(22,29,83)
```
#1a2363
```
#1a2363 rgb(26,35,99)
```
#1e2872
```
#1e2872 rgb(30,40,114)
```
#222e82
```
#222e82 rgb(34,46,130)
```
#263492
```
#263492 rgb(38,52,146)
```
#2a39a1
```
#2a39a1 rgb(42,57,161)
```
#2e3fb1
```
#2e3fb1 rgb(46,63,177)
```
#3244c0
```
#3244c0 rgb(50,68,192)
```

Shade Color Variation

#3a4dcc
```
#3a4dcc rgb(58,77,204)
```
#4a5bd0
```
#4a5bd0 rgb(74,91,208)
```
#5a69d4
```
#5a69d4 rgb(90,105,212)
```
#6977d8
```
#6977d8 rgb(105,119,216)
```
#7985dc
```
#7985dc rgb(121,133,220)
```
#8893e0
```
#8893e0 rgb(136,147,224)
```
#98a1e4
```
#98a1e4 rgb(152,161,228)
```
#a7afe8
```
#a7afe8 rgb(167,175,232)
```
#b7beec
```
#b7beec rgb(183,190,236)
```
#c6ccf0
```
#c6ccf0 rgb(198,204,240)
```
#d6daf4
```
#d6daf4 rgb(214,218,244)
```
#e6e8f8
```
#e6e8f8 rgb(230,232,248)
```
#f5f6fc
```
#f5f6fc rgb(245,246,252)
```

Tint Color Variation

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

#4e4f56
```
#4e4f56 rgb(78,79,86)
```
#484a5c
```
#484a5c rgb(72,74,92)
```
#424662
```
#424662 rgb(66,70,98)
```
#3b4169
```
#3b4169 rgb(59,65,105)
```
#353c6f
```
#353c6f rgb(53,60,111)
```
#2f3775
```
#2f3775 rgb(47,55,117)
```
#28337c
```
#28337c rgb(40,51,124)
```
#222e82
```
#222e82 rgb(34,46,130)
```
#1c2988
```
#1c2988 rgb(28,41,136)
```
#15258f
```
#15258f rgb(21,37,143)
```
#0f2095
```
#0f2095 rgb(15,32,149)
```
#091b9b
```
#091b9b rgb(9,27,155)
```
#0216a2
```
#0216a2 rgb(2,22,162)
```

Tone Color Variation

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

Dichromacy

#00407d Protanopia 1% of men
#00436d Deuteranopia 1% of men
#00484c Tritanopia 0.001% of the population

Trichromacy

#0c397e Protanomaly 1% of men, 0.01% of women
#0c3b74 Deuteranomaly 6% of men, 0.4% of women
#0c3e60 Tritanomaly 0.01% of the population

#222e82 hex color

#222e82 Color Information

#222e82 Color Conversion

Color Schemes with #222e82

Alternatives to #222e82

#222e82 Preview

Shades and Tints of #222e82

Tones of #222e82

Color Blindness Simulator