#222340 hex color

In a RGB color space, hex #222340 is composed of 13.3% red, 13.7% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 45.3% magenta, 0% yellow and 74.9% black. It has a hue angle of 238 degrees, a saturation of 30.6% and a lightness of 19.2%. #222340 color hex could be obtained by blending #444680 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 13
- G 14
- B 25
RGB color chart
- C 47
- M 45
- Y 0
- K 75
CMYK color chart

● #222340 color description : Very dark desaturated blue.

The hexadecimal color #222340 has RGB values of R:34, G:35, B:64 and CMYK values of C:0.47, M:0.45, Y:0, K:0.75. Its decimal value is 2237248.

Hex triplet	222340	`#222340`
RGB Decimal	34, 35, 64	`rgb(34,35,64)`
RGB Percent	13.3, 13.7, 25.1	`rgb(13.3%,13.7%,25.1%)`
CMYK	47, 45, 0, 75
HSL	238°, 30.6, 19.2	`hsl(238,30.6%,19.2%)`
HSV (or HSB)	238°, 46.9, 25.1
Web Safe	333333	`#333333`

CIE-LAB	15.02, 8.484, -18.631
XYZ	2.186, 1.912, 5.104
xyY	0.238, 0.208, 1.912
CIE-LCH	15.02, 20.472, 294.484
CIE-LUV	15.02, -1.661, -18.681
Hunter-Lab	13.828, 4.017, -12.204
Binary	00100010, 00100011, 01000000

#222340
```
#222340 rgb(34,35,64)
```
#403f22
```
#403f22 rgb(64,63,34)
```

Complementary Color

#223240
```
#223240 rgb(34,50,64)
```
#222340
```
#222340 rgb(34,35,64)
```
#302240
```
#302240 rgb(48,34,64)
```

Analogous Color

#324022
```
#324022 rgb(50,64,34)
```
#222340
```
#222340 rgb(34,35,64)
```
#403022
```
#403022 rgb(64,48,34)
```

Split Complementary Color

#234022
```
#234022 rgb(35,64,34)
```
#222340
```
#222340 rgb(34,35,64)
```
#402223
```
#402223 rgb(64,34,35)
```

Triadic Color

#22403f
```
#22403f rgb(34,64,63)
```
#222340
```
#222340 rgb(34,35,64)
```
#402223
```
#402223 rgb(64,34,35)
```
#403f22
```
#403f22 rgb(64,63,34)
```

Tetradic Color

#07080e
```
#07080e rgb(7,8,14)
```
#10111f
```
#10111f rgb(16,17,31)
```
#191a2f
```
#191a2f rgb(25,26,47)
```
#222340
```
#222340 rgb(34,35,64)
```
#2b2c51
```
#2b2c51 rgb(43,44,81)
```
#343561
```
#343561 rgb(52,53,97)
```
#3d3e72
```
#3d3e72 rgb(61,62,114)
```

Monochromatic Color

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

#222b40
```
#222b40 rgb(34,43,64)
```
#222840
```
#222840 rgb(34,40,64)
```
#222640
```
#222640 rgb(34,38,64)
```
#222340
```
#222340 rgb(34,35,64)
```
#242240
```
#242240 rgb(36,34,64)
```
#262240
```
#262240 rgb(38,34,64)
```
#292240
```
#292240 rgb(41,34,64)
```

Similar Colors

Text with hexadecimal color #222340

This text has a font color of #222340.

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

#222340 background color

This paragraph has a background color of #222340.

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

#222340 border color

This element has a border color of #222340.

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

CSS codes

.text {color:#222340;}

.background {background-color:#222340;}

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

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, #07070d is the darkest color, while #ffffff is the lightest one.

#07070d
```
#07070d rgb(7,7,13)
```
#0e0e1a
```
#0e0e1a rgb(14,14,26)
```
#141526
```
#141526 rgb(20,21,38)
```
#1b1c33
```
#1b1c33 rgb(27,28,51)
```
#222340
```
#222340 rgb(34,35,64)
```
#292a4d
```
#292a4d rgb(41,42,77)
```
#30315a
```
#30315a rgb(48,49,90)
```
#363866
```
#363866 rgb(54,56,102)
```
#3d3f73
```
#3d3f73 rgb(61,63,115)
```
#444680
```
#444680 rgb(68,70,128)
```
#4b4d8d
```
#4b4d8d rgb(75,77,141)
```
#52549a
```
#52549a rgb(82,84,154)
```
#585ba6
```
#585ba6 rgb(88,91,166)
```

Shade Color Variation

#6568ad
```
#6568ad rgb(101,104,173)
```
#7274b4
```
#7274b4 rgb(114,116,180)
```
#7f81bb
```
#7f81bb rgb(127,129,187)
```
#8c8dc2
```
#8c8dc2 rgb(140,141,194)
```
#989ac9
```
#989ac9 rgb(152,154,201)
```
#a5a7cf
```
#a5a7cf rgb(165,167,207)
```
#b2b3d6
```
#b2b3d6 rgb(178,179,214)
```
#bfc0dd
```
#bfc0dd rgb(191,192,221)
```
#cccde4
```
#cccde4 rgb(204,205,228)
```
#d9d9eb
```
#d9d9eb rgb(217,217,235)
```
#e5e6f1
```
#e5e6f1 rgb(229,230,241)
```
#f2f2f8
```
#f2f2f8 rgb(242,242,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #2d2e35 is the less saturated color, while #000362 is the most saturated one.

#2d2e35
```
#2d2e35 rgb(45,46,53)
```
#2a2a38
```
#2a2a38 rgb(42,42,56)
```
#26273c
```
#26273c rgb(38,39,60)
```
#222340
```
#222340 rgb(34,35,64)
```
#1e1f44
```
#1e1f44 rgb(30,31,68)
```
#1a1c48
```
#1a1c48 rgb(26,28,72)
```
#17184b
```
#17184b rgb(23,24,75)
```
#13154f
```
#13154f rgb(19,21,79)
```
#0f1153
```
#0f1153 rgb(15,17,83)
```
#0b0e57
```
#0b0e57 rgb(11,14,87)
```
#080a5a
```
#080a5a rgb(8,10,90)
```
#04075e
```
#04075e rgb(4,7,94)
```
#000362
```
#000362 rgb(0,3,98)
```

Tone Color Variation

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

#262626 Achromatopsia 0.005% of the population
#25252b Atypical Achromatopsia 0.001% of the population

Dichromacy

#25304b Protanopia 1% of men
#233148 Deuteranopia 1% of men
#273236 Tritanopia 0.001% of the population

Trichromacy

#242b47 Protanomaly 1% of men, 0.01% of women
#232b45 Deuteranomaly 6% of men, 0.4% of women
#252d39 Tritanomaly 0.01% of the population

#222340 hex color

#222340 Color Information

#222340 Color Conversion

Color Schemes with #222340

Alternatives to #222340

#222340 Preview

Shades and Tints of #222340

Tones of #222340

Color Blindness Simulator