colorhexa.com

#222140 hex color

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

- R 13
- G 13
- B 25
RGB color chart
- C 47
- M 48
- Y 0
- K 75
CMYK color chart

● #222140 color description : Very dark desaturated blue.

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

Hex triplet	222140	`#222140`
RGB Decimal	34, 33, 64	`rgb(34,33,64)`
RGB Percent	13.3, 12.9, 25.1	`rgb(13.3%,12.9%,25.1%)`
CMYK	47, 48, 0, 75
HSL	241.9°, 32, 19	`hsl(241.9,32%,19%)`
HSV (or HSB)	241.9°, 48.4, 25.1
Web Safe	333333	`#333333`

CIE-LAB	14.389, 9.954, -19.629
XYZ	2.129, 1.798, 5.085
xyY	0.236, 0.2, 1.798
CIE-LCH	14.389, 22.009, 296.889
CIE-LUV	14.389, -1.095, -19.361
Hunter-Lab	13.409, 4.874, -13.099
Binary	00100010, 00100001, 01000000

#222140
```
#222140 rgb(34,33,64)
```
#3f4021
```
#3f4021 rgb(63,64,33)
```

Complementary Color

#213040
```
#213040 rgb(33,48,64)
```
#222140
```
#222140 rgb(34,33,64)
```
#322140
```
#322140 rgb(50,33,64)
```

Analogous Color

#304021
```
#304021 rgb(48,64,33)
```
#222140
```
#222140 rgb(34,33,64)
```
#403221
```
#403221 rgb(64,50,33)
```

Split Complementary Color

#07070e
```
#07070e rgb(7,7,14)
```
#10101e
```
#10101e rgb(16,16,30)
```
#19182f
```
#19182f rgb(25,24,47)
```
#222140
```
#222140 rgb(34,33,64)
```
#2b2a51
```
#2b2a51 rgb(43,42,81)
```
#343262
```
#343262 rgb(52,50,98)
```
#3d3b72
```
#3d3b72 rgb(61,59,114)
```

Monochromatic Color

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

#212840
```
#212840 rgb(33,40,64)
```
#212540
```
#212540 rgb(33,37,64)
```
#212340
```
#212340 rgb(33,35,64)
```
#222140
```
#222140 rgb(34,33,64)
```
#252140
```
#252140 rgb(37,33,64)
```
#272140
```
#272140 rgb(39,33,64)
```
#2a2140
```
#2a2140 rgb(42,33,64)
```

Similar Colors

Text with hexadecimal color #222140

This text has a font color of #222140.

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

#222140 background color

This paragraph has a background color of #222140.

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

#222140 border color

This element has a border color of #222140.

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

CSS codes

.text {color:#222140;}

.background {background-color:#222140;}

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

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, #06060c is the darkest color, while #fefeff is the lightest one.

#06060c
```
#06060c rgb(6,6,12)
```
#0d0d19
```
#0d0d19 rgb(13,13,25)
```
#141426
```
#141426 rgb(20,20,38)
```
#1b1a33
```
#1b1a33 rgb(27,26,51)
```
#222140
```
#222140 rgb(34,33,64)
```
#29284d
```
#29284d rgb(41,40,77)
```
#302e5a
```
#302e5a rgb(48,46,90)
```
#373567
```
#373567 rgb(55,53,103)
```
#3e3c74
```
#3e3c74 rgb(62,60,116)
```
#444281
```
#444281 rgb(68,66,129)
```
#4b498e
```
#4b498e rgb(75,73,142)
```
#52509b
```
#52509b rgb(82,80,155)
```
#5956a8
```
#5956a8 rgb(89,86,168)
```

Shade Color Variation

#6563af
```
#6563af rgb(101,99,175)
```
#7270b5
```
#7270b5 rgb(114,112,181)
```
#7f7dbc
```
#7f7dbc rgb(127,125,188)
```
#8c8ac3
```
#8c8ac3 rgb(140,138,195)
```
#9897c9
```
#9897c9 rgb(152,151,201)
```
#a5a4d0
```
#a5a4d0 rgb(165,164,208)
```
#b2b1d7
```
#b2b1d7 rgb(178,177,215)
```
#bfbedd
```
#bfbedd rgb(191,190,221)
```
#cbcbe4
```
#cbcbe4 rgb(203,203,228)
```
#d8d7eb
```
#d8d7eb rgb(216,215,235)
```
#e5e4f1
```
#e5e4f1 rgb(229,228,241)
```
#f2f1f8
```
#f2f1f8 rgb(242,241,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#303031
```
#303031 rgb(48,48,49)
```
#2c2c35
```
#2c2c35 rgb(44,44,53)
```
#292839
```
#292839 rgb(41,40,57)
```
#25253c
```
#25253c rgb(37,37,60)
```
#222140
```
#222140 rgb(34,33,64)
```
#1f1d44
```
#1f1d44 rgb(31,29,68)
```
#1b1a47
```
#1b1a47 rgb(27,26,71)
```
#18164b
```
#18164b rgb(24,22,75)
```
#14124f
```
#14124f rgb(20,18,79)
```
#110e53
```
#110e53 rgb(17,14,83)
```
#0d0b56
```
#0d0b56 rgb(13,11,86)
```
#0a075a
```
#0a075a rgb(10,7,90)
```
#06035e
```
#06035e rgb(6,3,94)
```

Tone Color Variation

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

#222e4b Protanopia 1% of men
#202f48 Deuteranopia 1% of men
#273135 Tritanopia 0.001% of the population

Trichromacy

#222947 Protanomaly 1% of men, 0.01% of women
#212a45 Deuteranomaly 6% of men, 0.4% of women
#252b39 Tritanomaly 0.01% of the population