#222349 hex color

In a RGB color space, hex #222349 is composed of 13.3% red, 13.7% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 53.4% cyan, 52.1% magenta, 0% yellow and 71.4% black. It has a hue angle of 238.5 degrees, a saturation of 36.4% and a lightness of 21%. #222349 color hex could be obtained by blending #444692 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 13
- G 14
- B 29
RGB color chart
- C 53
- M 52
- Y 0
- K 71
CMYK color chart

● #222349 color description : Very dark desaturated blue.

The hexadecimal color #222349 has RGB values of R:34, G:35, B:73 and CMYK values of C:0.53, M:0.52, Y:0, K:0.71. Its decimal value is 2237257.

Hex triplet	222349	`#222349`
RGB Decimal	34, 35, 73	`rgb(34,35,73)`
RGB Percent	13.3, 13.7, 28.6	`rgb(13.3%,13.7%,28.6%)`
CMYK	53, 52, 0, 71
HSL	238.5°, 36.4, 21	`hsl(238.5,36.4%,21%)`
HSV (or HSB)	238.5°, 53.4, 28.6
Web Safe	333333	`#333333`

CIE-LAB	15.608, 11.72, -23.923
XYZ	2.463, 2.023, 6.564
xyY	0.223, 0.183, 2.023
CIE-LCH	15.608, 26.64, 296.101
CIE-LUV	15.608, -2.065, -24.658
Hunter-Lab	14.224, 6.019, -17.404
Binary	00100010, 00100011, 01001001

#222349
```
#222349 rgb(34,35,73)
```
#494822
```
#494822 rgb(73,72,34)
```

Complementary Color

#223749
```
#223749 rgb(34,55,73)
```
#222349
```
#222349 rgb(34,35,73)
```
#352249
```
#352249 rgb(53,34,73)
```

Analogous Color

#374922
```
#374922 rgb(55,73,34)
```
#222349
```
#222349 rgb(34,35,73)
```
#493522
```
#493522 rgb(73,53,34)
```

Split Complementary Color

#234922
```
#234922 rgb(35,73,34)
```
#222349
```
#222349 rgb(34,35,73)
```
#492223
```
#492223 rgb(73,34,35)
```

Triadic Color

#224948
```
#224948 rgb(34,73,72)
```
#222349
```
#222349 rgb(34,35,73)
```
#492223
```
#492223 rgb(73,34,35)
```
#494822
```
#494822 rgb(73,72,34)
```

Tetradic Color

#0a0a15
```
#0a0a15 rgb(10,10,21)
```
#121226
```
#121226 rgb(18,18,38)
```
#1a1b38
```
#1a1b38 rgb(26,27,56)
```
#222349
```
#222349 rgb(34,35,73)
```
#2a2b5a
```
#2a2b5a rgb(42,43,90)
```
#32346c
```
#32346c rgb(50,52,108)
```
#3a3c7d
```
#3a3c7d rgb(58,60,125)
```

Monochromatic Color

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

#222d49
```
#222d49 rgb(34,45,73)
```
#222a49
```
#222a49 rgb(34,42,73)
```
#222649
```
#222649 rgb(34,38,73)
```
#222349
```
#222349 rgb(34,35,73)
```
#242249
```
#242249 rgb(36,34,73)
```
#282249
```
#282249 rgb(40,34,73)
```
#2b2249
```
#2b2249 rgb(43,34,73)
```

Similar Colors

Text with hexadecimal color #222349

This text has a font color of #222349.

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

#222349 background color

This paragraph has a background color of #222349.

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

#222349 border color

This element has a border color of #222349.

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

CSS codes

.text {color:#222349;}

.background {background-color:#222349;}

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

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

#030306
```
#030306 rgb(3,3,6)
```
#090913
```
#090913 rgb(9,9,19)
```
#0f1021
```
#0f1021 rgb(15,16,33)
```
#16162e
```
#16162e rgb(22,22,46)
```
#1c1d3c
```
#1c1d3c rgb(28,29,60)
```
#222349
```
#222349 rgb(34,35,73)
```
#282956
```
#282956 rgb(40,41,86)
```
#2e3064
```
#2e3064 rgb(46,48,100)
```
#353671
```
#353671 rgb(53,54,113)
```
#3b3d7f
```
#3b3d7f rgb(59,61,127)
```
#41438c
```
#41438c rgb(65,67,140)
```
#474999
```
#474999 rgb(71,73,153)
```
#4e50a7
```
#4e50a7 rgb(78,80,167)
```

Shade Color Variation

#5759b1
```
#5759b1 rgb(87,89,177)
```
#6467b7
```
#6467b7 rgb(100,103,183)
```
#7274bd
```
#7274bd rgb(114,116,189)
```
#7f81c4
```
#7f81c4 rgb(127,129,196)
```
#8d8eca
```
#8d8eca rgb(141,142,202)
```
#9a9bd0
```
#9a9bd0 rgb(154,155,208)
```
#a7a9d6
```
#a7a9d6 rgb(167,169,214)
```
#b5b6dc
```
#b5b6dc rgb(181,182,220)
```
#c2c3e3
```
#c2c3e3 rgb(194,195,227)
```
#d0d0e9
```
#d0d0e9 rgb(208,208,233)
```
#ddddef
```
#ddddef rgb(221,221,239)
```
#eaebf5
```
#eaebf5 rgb(234,235,245)
```
#f8f8fc
```
#f8f8fc rgb(248,248,252)
```

Tint Color Variation

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

#323339
```
#323339 rgb(50,51,57)
```
#2e2f3d
```
#2e2f3d rgb(46,47,61)
```
#2a2b41
```
#2a2b41 rgb(42,43,65)
```
#262745
```
#262745 rgb(38,39,69)
```
#222349
```
#222349 rgb(34,35,73)
```
#1e1f4d
```
#1e1f4d rgb(30,31,77)
```
#1a1b51
```
#1a1b51 rgb(26,27,81)
```
#161755
```
#161755 rgb(22,23,85)
```
#121359
```
#121359 rgb(18,19,89)
```
#0d0f5e
```
#0d0f5e rgb(13,15,94)
```
#090c62
```
#090c62 rgb(9,12,98)
```
#050866
```
#050866 rgb(5,8,102)
```
#01046a
```
#01046a rgb(1,4,106)
```

Tone Color Variation

Below, you can see how #222349 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
#26262e Atypical Achromatopsia 0.001% of the population

Dichromacy

#1f3154 Protanopia 1% of men
#193250 Deuteranopia 1% of men
#233438 Tritanopia 0.001% of the population

Trichromacy

#202b50 Protanomaly 1% of men, 0.01% of women
#1c2c4d Deuteranomaly 6% of men, 0.4% of women
#232e3e Tritanomaly 0.01% of the population

#222349 hex color

#222349 Color Information

#222349 Color Conversion

Color Schemes with #222349

Alternatives to #222349

#222349 Preview

Shades and Tints of #222349

Tones of #222349

Color Blindness Simulator