#222142 hex color

In a RGB color space, hex #222142 is composed of 13.3% red, 12.9% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 48.5% cyan, 50% magenta, 0% yellow and 74.1% black. It has a hue angle of 241.8 degrees, a saturation of 33.3% and a lightness of 19.4%. #222142 color hex could be obtained by blending #444284 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 13
- G 13
- B 26
RGB color chart
- C 48
- M 50
- Y 0
- K 74
CMYK color chart

● #222142 color description : Very dark desaturated blue.

The hexadecimal color #222142 has RGB values of R:34, G:33, B:66 and CMYK values of C:0.48, M:0.5, Y:0, K:0.74. Its decimal value is 2236738.

Hex triplet	222142	`#222142`
RGB Decimal	34, 33, 66	`rgb(34,33,66)`
RGB Percent	13.3, 12.9, 25.9	`rgb(13.3%,12.9%,25.9%)`
CMYK	48, 50, 0, 74
HSL	241.8°, 33.3, 19.4	`hsl(241.8,33.3%,19.4%)`
HSV (or HSB)	241.8°, 50, 25.9
Web Safe	333333	`#333333`

CIE-LAB	14.519, 10.66, -20.818
XYZ	2.187, 1.821, 5.39
xyY	0.233, 0.194, 1.821
CIE-LCH	14.519, 23.389, 297.116
CIE-LUV	14.519, -1.195, -20.666
Hunter-Lab	13.495, 5.309, -14.236
Binary	00100010, 00100001, 01000010

#222142
```
#222142 rgb(34,33,66)
```
#414221
```
#414221 rgb(65,66,33)
```

Complementary Color

#213142
```
#213142 rgb(33,49,66)
```
#222142
```
#222142 rgb(34,33,66)
```
#332142
```
#332142 rgb(51,33,66)
```

Analogous Color

#314221
```
#314221 rgb(49,66,33)
```
#222142
```
#222142 rgb(34,33,66)
```
#423321
```
#423321 rgb(66,51,33)
```

Split Complementary Color

#214222
```
#214222 rgb(33,66,34)
```
#222142
```
#222142 rgb(34,33,66)
```
#422221
```
#422221 rgb(66,34,33)
```

Triadic Color

#214142
```
#214142 rgb(33,65,66)
```
#222142
```
#222142 rgb(34,33,66)
```
#422221
```
#422221 rgb(66,34,33)
```
#414221
```
#414221 rgb(65,66,33)
```

Tetradic Color

#08080f
```
#08080f rgb(8,8,15)
```
#101020
```
#101020 rgb(16,16,32)
```
#191931
```
#191931 rgb(25,25,49)
```
#222142
```
#222142 rgb(34,33,66)
```
#2b2a53
```
#2b2a53 rgb(43,42,83)
```
#343264
```
#343264 rgb(52,50,100)
```
#3c3b75
```
#3c3b75 rgb(60,59,117)
```

Monochromatic Color

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

#212842
```
#212842 rgb(33,40,66)
```
#212642
```
#212642 rgb(33,38,66)
```
#212342
```
#212342 rgb(33,35,66)
```
#222142
```
#222142 rgb(34,33,66)
```
#252142
```
#252142 rgb(37,33,66)
```
#282142
```
#282142 rgb(40,33,66)
```
#2a2142
```
#2a2142 rgb(42,33,66)
```

Similar Colors

Text with hexadecimal color #222142

This text has a font color of #222142.

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

#222142 background color

This paragraph has a background color of #222142.

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

#222142 border color

This element has a border color of #222142.

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

CSS codes

.text {color:#222142;}

.background {background-color:#222142;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#07070e
```
#07070e rgb(7,7,14)
```
#0e0d1b
```
#0e0d1b rgb(14,13,27)
```
#151428
```
#151428 rgb(21,20,40)
```
#1b1a35
```
#1b1a35 rgb(27,26,53)
```
#222142
```
#222142 rgb(34,33,66)
```
#29284f
```
#29284f rgb(41,40,79)
```
#2f2e5c
```
#2f2e5c rgb(47,46,92)
```
#363569
```
#363569 rgb(54,53,105)
```
#3d3b76
```
#3d3b76 rgb(61,59,118)
```
#444283
```
#444283 rgb(68,66,131)
```
#4a4890
```
#4a4890 rgb(74,72,144)
```
#514f9e
```
#514f9e rgb(81,79,158)
```

Shade Color Variation

#5856aa
```
#5856aa rgb(88,86,170)
```
#6563b1
```
#6563b1 rgb(101,99,177)
```
#7270b7
```
#7270b7 rgb(114,112,183)
```
#7f7dbe
```
#7f7dbe rgb(127,125,190)
```
#8c8ac4
```
#8c8ac4 rgb(140,138,196)
```
#9997cb
```
#9997cb rgb(153,151,203)
```
#a5a4d2
```
#a5a4d2 rgb(165,164,210)
```
#b2b1d8
```
#b2b1d8 rgb(178,177,216)
```
#bfbedf
```
#bfbedf rgb(191,190,223)
```
#cccbe5
```
#cccbe5 rgb(204,203,229)
```
#d9d8ec
```
#d9d8ec rgb(217,216,236)
```
#e6e5f2
```
#e6e5f2 rgb(230,229,242)
```
#f3f3f9
```
#f3f3f9 rgb(243,243,249)
```

Tint Color Variation

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

#303033
```
#303033 rgb(48,48,51)
```
#2d2c37
```
#2d2c37 rgb(45,44,55)
```
#29293a
```
#29293a rgb(41,41,58)
```
#26253e
```
#26253e rgb(38,37,62)
```
#222142
```
#222142 rgb(34,33,66)
```
#1e1d46
```
#1e1d46 rgb(30,29,70)
```
#1b194a
```
#1b194a rgb(27,25,74)
```
#17164d
```
#17164d rgb(23,22,77)
```
#141251
```
#141251 rgb(20,18,81)
```
#100e55
```
#100e55 rgb(16,14,85)
```
#0d0a59
```
#0d0a59 rgb(13,10,89)
```
#09065d
```
#09065d rgb(9,6,93)
```
#050360
```
#050360 rgb(5,3,96)
```

Tone Color Variation

Below, you can see how #222142 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
#24242b Atypical Achromatopsia 0.001% of the population

Dichromacy

#212f4d Protanopia 1% of men
#1e304a Deuteranopia 1% of men
#263135 Tritanopia 0.001% of the population

Trichromacy

#212949 Protanomaly 1% of men, 0.01% of women
#1f2a47 Deuteranomaly 6% of men, 0.4% of women
#242b3a Tritanomaly 0.01% of the population

#222142 hex color

#222142 Color Information

#222142 Color Conversion

Color Schemes with #222142

Alternatives to #222142

#222142 Preview

Shades and Tints of #222142

Tones of #222142

Color Blindness Simulator