#222a95 hex color

In a RGB color space, hex #222a95 is composed of 13.3% red, 16.5% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 71.8% magenta, 0% yellow and 41.6% black. It has a hue angle of 235.8 degrees, a saturation of 62.8% and a lightness of 35.9%. #222a95 color hex could be obtained by blending #4454ff with #00002b. Closest websafe color is: #333399.

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

● #222a95 color description : Dark blue.

The hexadecimal color #222a95 has RGB values of R:34, G:42, B:149 and CMYK values of C:0.77, M:0.72, Y:0, K:0.42. Its decimal value is 2239125.

Hex triplet	222a95	`#222a95`
RGB Decimal	34, 42, 149	`rgb(34,42,149)`
RGB Percent	13.3, 16.5, 58.4	`rgb(13.3%,16.5%,58.4%)`
CMYK	77, 72, 0, 42
HSL	235.8°, 62.8, 35.9	`hsl(235.8,62.8%,35.9%)`
HSV (or HSB)	235.8°, 77.2, 58.4
Web Safe	333399	`#333399`

CIE-LAB	24.211, 35.371, -59.16
XYZ	6.911, 4.165, 28.872
xyY	0.173, 0.104, 4.165
CIE-LCH	24.211, 68.928, 300.875
CIE-LUV	24.211, -6.495, -71.773
Hunter-Lab	20.41, 24.73, -69.587
Binary	00100010, 00101010, 10010101

#222a95
```
#222a95 rgb(34,42,149)
```
#958d22
```
#958d22 rgb(149,141,34)
```

Complementary Color

#226495
```
#226495 rgb(34,100,149)
```
#222a95
```
#222a95 rgb(34,42,149)
```
#542295
```
#542295 rgb(84,34,149)
```

Analogous Color

#649522
```
#649522 rgb(100,149,34)
```
#222a95
```
#222a95 rgb(34,42,149)
```
#955422
```
#955422 rgb(149,84,34)
```

Split Complementary Color

#2a9522
```
#2a9522 rgb(42,149,34)
```
#222a95
```
#222a95 rgb(34,42,149)
```
#95222a
```
#95222a rgb(149,34,42)
```

Triadic Color

#22958d
```
#22958d rgb(34,149,141)
```
#222a95
```
#222a95 rgb(34,42,149)
```
#95222a
```
#95222a rgb(149,34,42)
```
#958d22
```
#958d22 rgb(149,141,34)
```

Tetradic Color

#141857
```
#141857 rgb(20,24,87)
```
#191e6b
```
#191e6b rgb(25,30,107)
```
#1d2480
```
#1d2480 rgb(29,36,128)
```
#222a95
```
#222a95 rgb(34,42,149)
```
#2730aa
```
#2730aa rgb(39,48,170)
```
#2b36bf
```
#2b36bf rgb(43,54,191)
```
#333ed0
```
#333ed0 rgb(51,62,208)
```

Monochromatic Color

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

#224795
```
#224795 rgb(34,71,149)
```
#223d95
```
#223d95 rgb(34,61,149)
```
#223495
```
#223495 rgb(34,52,149)
```
#222a95
```
#222a95 rgb(34,42,149)
```
#242295
```
#242295 rgb(36,34,149)
```
#2d2295
```
#2d2295 rgb(45,34,149)
```
#372295
```
#372295 rgb(55,34,149)
```

Similar Colors

Text with hexadecimal color #222a95

This text has a font color of #222a95.

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

#222a95 background color

This paragraph has a background color of #222a95.

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

#222a95 border color

This element has a border color of #222a95.

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

CSS codes

.text {color:#222a95;}

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

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

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

#010105
```
#010105 rgb(1,1,5)
```
#050615
```
#050615 rgb(5,6,21)
```
#080a25
```
#080a25 rgb(8,10,37)
```
#0c0f35
```
#0c0f35 rgb(12,15,53)
```
#101345
```
#101345 rgb(16,19,69)
```
#131855
```
#131855 rgb(19,24,85)
```
#171c65
```
#171c65 rgb(23,28,101)
```
#1b2175
```
#1b2175 rgb(27,33,117)
```
#1e2585
```
#1e2585 rgb(30,37,133)
```
#222a95
```
#222a95 rgb(34,42,149)
```
#262fa5
```
#262fa5 rgb(38,47,165)
```
#2933b5
```
#2933b5 rgb(41,51,181)
```
#2d38c5
```
#2d38c5 rgb(45,56,197)
```

Shade Color Variation

#3540d1
```
#3540d1 rgb(53,64,209)
```
#454fd4
```
#454fd4 rgb(69,79,212)
```
#555ed8
```
#555ed8 rgb(85,94,216)
```
#656ddc
```
#656ddc rgb(101,109,220)
```
#757cdf
```
#757cdf rgb(117,124,223)
```
#848be3
```
#848be3 rgb(132,139,227)
```
#949ae7
```
#949ae7 rgb(148,154,231)
```
#a4a9ea
```
#a4a9ea rgb(164,169,234)
```
#b4b8ee
```
#b4b8ee rgb(180,184,238)
```
#c4c8f2
```
#c4c8f2 rgb(196,200,242)
```
#d4d7f5
```
#d4d7f5 rgb(212,215,245)
```
#e4e6f9
```
#e4e6f9 rgb(228,230,249)
```
#f4f5fd
```
#f4f5fd rgb(244,245,253)
```

Tint Color Variation

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

#5a5a5d
```
#5a5a5d rgb(90,90,93)
```
#535464
```
#535464 rgb(83,84,100)
```
#4c4e6b
```
#4c4e6b rgb(76,78,107)
```
#454872
```
#454872 rgb(69,72,114)
```
#3e4279
```
#3e4279 rgb(62,66,121)
```
#373c80
```
#373c80 rgb(55,60,128)
```
#303687
```
#303687 rgb(48,54,135)
```
#29308e
```
#29308e rgb(41,48,142)
```
#222a95
```
#222a95 rgb(34,42,149)
```
#1b249c
```
#1b249c rgb(27,36,156)
```
#141ea3
```
#141ea3 rgb(20,30,163)
```
#0d18aa
```
#0d18aa rgb(13,24,170)
```
#0612b1
```
#0612b1 rgb(6,18,177)
```

Tone Color Variation

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

#004180 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
#0c3b7d Deuteranomaly 6% of men, 0.4% of women
#0c3e68 Tritanomaly 0.01% of the population

#222a95 hex color

#222a95 Color Information

#222a95 Color Conversion

Color Schemes with #222a95

Alternatives to #222a95

#222a95 Preview

Shades and Tints of #222a95

Tones of #222a95

Color Blindness Simulator