#222152 hex color

In a RGB color space, hex #222152 is composed of 13.3% red, 12.9% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 59.8% magenta, 0% yellow and 67.8% black. It has a hue angle of 241.2 degrees, a saturation of 42.6% and a lightness of 22.5%. #222152 color hex could be obtained by blending #4442a4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 13
- G 13
- B 32
RGB color chart
- C 59
- M 60
- Y 0
- K 68
CMYK color chart

● #222152 color description : Very dark desaturated blue.

The hexadecimal color #222152 has RGB values of R:34, G:33, B:82 and CMYK values of C:0.59, M:0.6, Y:0, K:0.68. Its decimal value is 2236754.

Hex triplet	222152	`#222152`
RGB Decimal	34, 33, 82	`rgb(34,33,82)`
RGB Percent	13.3, 12.9, 32.2	`rgb(13.3%,12.9%,32.2%)`
CMYK	59, 60, 0, 68
HSL	241.2°, 42.6, 22.5	`hsl(241.2,42.6%,22.5%)`
HSV (or HSB)	241.2°, 59.8, 32.2
Web Safe	333366	`#333366`

CIE-LAB	15.68, 16.504, -29.948
XYZ	2.726, 2.037, 8.232
xyY	0.21, 0.157, 2.037
CIE-LCH	15.68, 34.194, 298.858
CIE-LUV	15.68, -1.986, -31.009
Hunter-Lab	14.272, 9.121, -24.206
Binary	00100010, 00100001, 01010010

#222152
```
#222152 rgb(34,33,82)
```
#515221
```
#515221 rgb(81,82,33)
```

Complementary Color

#213952
```
#213952 rgb(33,57,82)
```
#222152
```
#222152 rgb(34,33,82)
```
#3b2152
```
#3b2152 rgb(59,33,82)
```

Analogous Color

#395221
```
#395221 rgb(57,82,33)
```
#222152
```
#222152 rgb(34,33,82)
```
#523b21
```
#523b21 rgb(82,59,33)
```

Split Complementary Color

#215222
```
#215222 rgb(33,82,34)
```
#222152
```
#222152 rgb(34,33,82)
```
#522221
```
#522221 rgb(82,34,33)
```

Triadic Color

#215152
```
#215152 rgb(33,81,82)
```
#222152
```
#222152 rgb(34,33,82)
```
#522221
```
#522221 rgb(82,34,33)
```
#515221
```
#515221 rgb(81,82,33)
```

Tetradic Color

#0b0b1b
```
#0b0b1b rgb(11,11,27)
```
#13122e
```
#13122e rgb(19,18,46)
```
#1a1a40
```
#1a1a40 rgb(26,26,64)
```
#222152
```
#222152 rgb(34,33,82)
```
#2a2864
```
#2a2864 rgb(42,40,100)
```
#313076
```
#313076 rgb(49,48,118)
```
#393789
```
#393789 rgb(57,55,137)
```

Monochromatic Color

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

#212c52
```
#212c52 rgb(33,44,82)
```
#212852
```
#212852 rgb(33,40,82)
```
#212452
```
#212452 rgb(33,36,82)
```
#222152
```
#222152 rgb(34,33,82)
```
#262152
```
#262152 rgb(38,33,82)
```
#2a2152
```
#2a2152 rgb(42,33,82)
```
#2e2152
```
#2e2152 rgb(46,33,82)
```

Similar Colors

Text with hexadecimal color #222152

This text has a font color of #222152.

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

#222152 background color

This paragraph has a background color of #222152.

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

#222152 border color

This element has a border color of #222152.

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

CSS codes

.text {color:#222152;}

.background {background-color:#222152;}

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

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

#05050c
```
#05050c rgb(5,5,12)
```
#0b0a1a
```
#0b0a1a rgb(11,10,26)
```
#111028
```
#111028 rgb(17,16,40)
```
#161636
```
#161636 rgb(22,22,54)
```
#1c1b44
```
#1c1b44 rgb(28,27,68)
```
#222152
```
#222152 rgb(34,33,82)
```
#282760
```
#282760 rgb(40,39,96)
```
#2e2c6e
```
#2e2c6e rgb(46,44,110)
```
#33327c
```
#33327c rgb(51,50,124)
```
#39388a
```
#39388a rgb(57,56,138)
```
#3f3d98
```
#3f3d98 rgb(63,61,152)
```
#4543a6
```
#4543a6 rgb(69,67,166)
```
#4b48b4
```
#4b48b4 rgb(75,72,180)
```

Shade Color Variation

#5755bb
```
#5755bb rgb(87,85,187)
```
#6563c0
```
#6563c0 rgb(101,99,192)
```
#7371c6
```
#7371c6 rgb(115,113,198)
```
#817fcc
```
#817fcc rgb(129,127,204)
```
#8f8dd1
```
#8f8dd1 rgb(143,141,209)
```
#9c9bd7
```
#9c9bd7 rgb(156,155,215)
```
#aaa9dc
```
#aaa9dc rgb(170,169,220)
```
#b8b7e2
```
#b8b7e2 rgb(184,183,226)
```
#c6c5e8
```
#c6c5e8 rgb(198,197,232)
```
#d4d3ed
```
#d4d3ed rgb(212,211,237)
```
#e1e1f3
```
#e1e1f3 rgb(225,225,243)
```
#efeff9
```
#efeff9 rgb(239,239,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#37373c
```
#37373c rgb(55,55,60)
```
#333340
```
#333340 rgb(51,51,64)
```
#2f2e45
```
#2f2e45 rgb(47,46,69)
```
#2a2a49
```
#2a2a49 rgb(42,42,73)
```
#26254e
```
#26254e rgb(38,37,78)
```
#222152
```
#222152 rgb(34,33,82)
```
#1e1d56
```
#1e1d56 rgb(30,29,86)
```
#1a185b
```
#1a185b rgb(26,24,91)
```
#15145f
```
#15145f rgb(21,20,95)
```
#110f64
```
#110f64 rgb(17,15,100)
```
#0d0b68
```
#0d0b68 rgb(13,11,104)
```
#09066d
```
#09066d rgb(9,6,109)
```
#040271
```
#040271 rgb(4,2,113)
```

Tone Color Variation

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

#272727 Achromatopsia 0.005% of the population
#262630 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0b305e Protanopia 1% of men
#003354 Deuteranopia 1% of men
#1e3539 Tritanopia 0.001% of the population

Trichromacy

#132b5a Protanomaly 1% of men, 0.01% of women
#0c2c53 Deuteranomaly 6% of men, 0.4% of women
#1f2e42 Tritanomaly 0.01% of the population

#222152 hex color

#222152 Color Information

#222152 Color Conversion

Color Schemes with #222152

Alternatives to #222152

#222152 Preview

Shades and Tints of #222152

Tones of #222152

Color Blindness Simulator