#222240 hex color

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

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

● #222240 color description : Very dark desaturated blue.

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

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

CIE-LAB	14.703, 9.218, -19.132
XYZ	2.157, 1.854, 5.094
xyY	0.237, 0.204, 1.854
CIE-LCH	14.703, 21.237, 295.726
CIE-LUV	14.703, -1.374, -19.031
Hunter-Lab	13.617, 4.445, -12.65
Binary	00100010, 00100010, 01000000

#222240
```
#222240 rgb(34,34,64)
```
#404022
```
#404022 rgb(64,64,34)
```

Complementary Color

#223140
```
#223140 rgb(34,49,64)
```
#222240
```
#222240 rgb(34,34,64)
```
#312240
```
#312240 rgb(49,34,64)
```

Analogous Color

#314022
```
#314022 rgb(49,64,34)
```
#222240
```
#222240 rgb(34,34,64)
```
#403122
```
#403122 rgb(64,49,34)
```

Split Complementary Color

#224022
```
#224022 rgb(34,64,34)
```
#222240
```
#222240 rgb(34,34,64)
```
#402222
```
#402222 rgb(64,34,34)
```

Triadic Color

#224040
```
#224040 rgb(34,64,64)
```
#222240
```
#222240 rgb(34,34,64)
```
#402222
```
#402222 rgb(64,34,34)
```
#404022
```
#404022 rgb(64,64,34)
```

Tetradic Color

#07070e
```
#07070e rgb(7,7,14)
```
#10101f
```
#10101f rgb(16,16,31)
```
#19192f
```
#19192f rgb(25,25,47)
```
#222240
```
#222240 rgb(34,34,64)
```
#2b2b51
```
#2b2b51 rgb(43,43,81)
```
#343461
```
#343461 rgb(52,52,97)
```
#3d3d72
```
#3d3d72 rgb(61,61,114)
```

Monochromatic Color

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

#222a40
```
#222a40 rgb(34,42,64)
```
#222740
```
#222740 rgb(34,39,64)
```
#222540
```
#222540 rgb(34,37,64)
```
#222240
```
#222240 rgb(34,34,64)
```
#252240
```
#252240 rgb(37,34,64)
```
#272240
```
#272240 rgb(39,34,64)
```
#2a2240
```
#2a2240 rgb(42,34,64)
```

Similar Colors

Text with hexadecimal color #222240

This text has a font color of #222240.

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

#222240 background color

This paragraph has a background color of #222240.

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

#222240 border color

This element has a border color of #222240.

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

CSS codes

.text {color:#222240;}

.background {background-color:#222240;}

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

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)
```
#141426
```
#141426 rgb(20,20,38)
```
#1b1b33
```
#1b1b33 rgb(27,27,51)
```
#222240
```
#222240 rgb(34,34,64)
```
#29294d
```
#29294d rgb(41,41,77)
```
#30305a
```
#30305a rgb(48,48,90)
```
#363666
```
#363666 rgb(54,54,102)
```
#3d3d73
```
#3d3d73 rgb(61,61,115)
```
#444480
```
#444480 rgb(68,68,128)
```
#4b4b8d
```
#4b4b8d rgb(75,75,141)
```
#52529a
```
#52529a rgb(82,82,154)
```
#5858a6
```
#5858a6 rgb(88,88,166)
```

Shade Color Variation

#6565ad
```
#6565ad rgb(101,101,173)
```
#7272b4
```
#7272b4 rgb(114,114,180)
```
#7f7fbb
```
#7f7fbb rgb(127,127,187)
```
#8c8cc2
```
#8c8cc2 rgb(140,140,194)
```
#9898c9
```
#9898c9 rgb(152,152,201)
```
#a5a5cf
```
#a5a5cf rgb(165,165,207)
```
#b2b2d6
```
#b2b2d6 rgb(178,178,214)
```
#bfbfdd
```
#bfbfdd rgb(191,191,221)
```
#cccce4
```
#cccce4 rgb(204,204,228)
```
#d9d9eb
```
#d9d9eb rgb(217,217,235)
```
#e5e5f1
```
#e5e5f1 rgb(229,229,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, #2d2d35 is the less saturated color, while #000062 is the most saturated one.

#2d2d35
```
#2d2d35 rgb(45,45,53)
```
#2a2a38
```
#2a2a38 rgb(42,42,56)
```
#26263c
```
#26263c rgb(38,38,60)
```
#222240
```
#222240 rgb(34,34,64)
```
#1e1e44
```
#1e1e44 rgb(30,30,68)
```
#1a1a48
```
#1a1a48 rgb(26,26,72)
```
#17174b
```
#17174b rgb(23,23,75)
```
#13134f
```
#13134f rgb(19,19,79)
```
#0f0f53
```
#0f0f53 rgb(15,15,83)
```
#0b0b57
```
#0b0b57 rgb(11,11,87)
```
#08085a
```
#08085a rgb(8,8,90)
```
#04045e
```
#04045e rgb(4,4,94)
```
#000062
```
#000062 rgb(0,0,98)
```

Tone Color Variation

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

#252525 Achromatopsia 0.005% of the population
#24242a Atypical Achromatopsia 0.001% of the population

Dichromacy

#242f4b Protanopia 1% of men
#223048 Deuteranopia 1% of men
#273235 Tritanopia 0.001% of the population

Trichromacy

#232a47 Protanomaly 1% of men, 0.01% of women
#222b45 Deuteranomaly 6% of men, 0.4% of women
#252c39 Tritanomaly 0.01% of the population

#222240 hex color

#222240 Color Information

#222240 Color Conversion

Color Schemes with #222240

Alternatives to #222240

#222240 Preview

Shades and Tints of #222240

Tones of #222240

Color Blindness Simulator