#222495 hex color

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

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

● #222495 color description : Dark blue.

The hexadecimal color #222495 has RGB values of R:34, G:36, B:149 and CMYK values of C:0.77, M:0.76, Y:0, K:0.42. Its decimal value is 2237589.

Hex triplet	222495	`#222495`
RGB Decimal	34, 36, 149	`rgb(34,36,149)`
RGB Percent	13.3, 14.1, 58.4	`rgb(13.3%,14.1%,58.4%)`
CMYK	77, 76, 0, 42
HSL	239°, 62.8, 35.9	`hsl(239,62.8%,35.9%)`
HSV (or HSB)	239°, 77.2, 58.4
Web Safe	333399	`#333399`

CIE-LAB	22.901, 39.017, -61.322
XYZ	6.714, 3.771, 28.806
xyY	0.171, 0.096, 3.771
CIE-LCH	22.901, 72.682, 302.467
CIE-LUV	22.901, -5.489, -71.928
Hunter-Lab	19.42, 27.73, -74.353
Binary	00100010, 00100100, 10010101

#222495
```
#222495 rgb(34,36,149)
```
#959322
```
#959322 rgb(149,147,34)
```

Complementary Color

#225e95
```
#225e95 rgb(34,94,149)
```
#222495
```
#222495 rgb(34,36,149)
```
#5a2295
```
#5a2295 rgb(90,34,149)
```

Analogous Color

#5e9522
```
#5e9522 rgb(94,149,34)
```
#222495
```
#222495 rgb(34,36,149)
```
#955a22
```
#955a22 rgb(149,90,34)
```

Split Complementary Color

#249522
```
#249522 rgb(36,149,34)
```
#222495
```
#222495 rgb(34,36,149)
```
#952224
```
#952224 rgb(149,34,36)
```

Triadic Color

#229593
```
#229593 rgb(34,149,147)
```
#222495
```
#222495 rgb(34,36,149)
```
#952224
```
#952224 rgb(149,34,36)
```
#959322
```
#959322 rgb(149,147,34)
```

Tetradic Color

#141557
```
#141557 rgb(20,21,87)
```
#191a6b
```
#191a6b rgb(25,26,107)
```
#1d1f80
```
#1d1f80 rgb(29,31,128)
```
#222495
```
#222495 rgb(34,36,149)
```
#2729aa
```
#2729aa rgb(39,41,170)
```
#2b2ebf
```
#2b2ebf rgb(43,46,191)
```
#3336d0
```
#3336d0 rgb(51,54,208)
```

Monochromatic Color

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

#224195
```
#224195 rgb(34,65,149)
```
#223795
```
#223795 rgb(34,55,149)
```
#222e95
```
#222e95 rgb(34,46,149)
```
#222495
```
#222495 rgb(34,36,149)
```
#2a2295
```
#2a2295 rgb(42,34,149)
```
#332295
```
#332295 rgb(51,34,149)
```
#3d2295
```
#3d2295 rgb(61,34,149)
```

Similar Colors

Text with hexadecimal color #222495

This text has a font color of #222495.

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

#222495 background color

This paragraph has a background color of #222495.

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

#222495 border color

This element has a border color of #222495.

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

CSS codes

.text {color:#222495;}

.background {background-color:#222495;}

.border {border:1px solid #222495;}

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

#010105
```
#010105 rgb(1,1,5)
```
#050515
```
#050515 rgb(5,5,21)
```
#080925
```
#080925 rgb(8,9,37)
```
#0c0d35
```
#0c0d35 rgb(12,13,53)
```
#101145
```
#101145 rgb(16,17,69)
```
#131555
```
#131555 rgb(19,21,85)
```
#171865
```
#171865 rgb(23,24,101)
```
#1b1c75
```
#1b1c75 rgb(27,28,117)
```
#1e2085
```
#1e2085 rgb(30,32,133)
```
#222495
```
#222495 rgb(34,36,149)
```
#2628a5
```
#2628a5 rgb(38,40,165)
```
#292cb5
```
#292cb5 rgb(41,44,181)
```
#2d30c5
```
#2d30c5 rgb(45,48,197)
```

Shade Color Variation

#3537d1
```
#3537d1 rgb(53,55,209)
```
#4547d4
```
#4547d4 rgb(69,71,212)
```
#5557d8
```
#5557d8 rgb(85,87,216)
```
#6567dc
```
#6567dc rgb(101,103,220)
```
#7576df
```
#7576df rgb(117,118,223)
```
#8486e3
```
#8486e3 rgb(132,134,227)
```
#9496e7
```
#9496e7 rgb(148,150,231)
```
#a4a6ea
```
#a4a6ea rgb(164,166,234)
```
#b4b5ee
```
#b4b5ee rgb(180,181,238)
```
#c4c5f2
```
#c4c5f2 rgb(196,197,242)
```
#d4d5f5
```
#d4d5f5 rgb(212,213,245)
```
#e4e5f9
```
#e4e5f9 rgb(228,229,249)
```
#f4f4fd
```
#f4f4fd rgb(244,244,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 #0609b1 is the most saturated one.

#5a5a5d
```
#5a5a5d rgb(90,90,93)
```
#535464
```
#535464 rgb(83,84,100)
```
#4c4d6b
```
#4c4d6b rgb(76,77,107)
```
#454672
```
#454672 rgb(69,70,114)
```
#3e3f79
```
#3e3f79 rgb(62,63,121)
```
#373880
```
#373880 rgb(55,56,128)
```
#303287
```
#303287 rgb(48,50,135)
```
#292b8e
```
#292b8e rgb(41,43,142)
```
#222495
```
#222495 rgb(34,36,149)
```
#1b1d9c
```
#1b1d9c rgb(27,29,156)
```
#1416a3
```
#1416a3 rgb(20,22,163)
```
#0d10aa
```
#0d10aa rgb(13,16,170)
```
#0609b1
```
#0609b1 rgb(6,9,177)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#2d2e44 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003f7a Protanopia 1% of men
#00426a Deuteranopia 1% of men
#00474b Tritanopia 0.001% of the population

Trichromacy

#0c3584 Protanomaly 1% of men, 0.01% of women
#0c3779 Deuteranomaly 6% of men, 0.4% of women
#0c3a66 Tritanomaly 0.01% of the population

#222495 hex color

#222495 Color Information

#222495 Color Conversion

Color Schemes with #222495

Alternatives to #222495

#222495 Preview

Shades and Tints of #222495

Tones of #222495

Color Blindness Simulator