#222274 hex color

In a RGB color space, hex #222274 is composed of 13.3% red, 13.3% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 70.7% cyan, 70.7% magenta, 0% yellow and 54.5% black. It has a hue angle of 240 degrees, a saturation of 54.7% and a lightness of 29.4%. #222274 color hex could be obtained by blending #4444e8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 13
- G 13
- B 45
RGB color chart
- C 71
- M 71
- Y 0
- K 55
CMYK color chart

● #222274 color description : Dark blue.

The hexadecimal color #222274 has RGB values of R:34, G:34, B:116 and CMYK values of C:0.71, M:0.71, Y:0, K:0.55. Its decimal value is 2237044.

Hex triplet	222274	`#222274`
RGB Decimal	34, 34, 116	`rgb(34,34,116)`
RGB Percent	13.3, 13.3, 45.5	`rgb(13.3%,13.3%,45.5%)`
CMYK	71, 71, 0, 55
HSL	240°, 54.7, 29.4	`hsl(240,54.7%,29.4%)`
HSV (or HSB)	240°, 70.7, 45.5
Web Safe	333366	`#333366`

CIE-LAB	18.992, 28.481, -46.984
XYZ	4.383, 2.745, 16.821
xyY	0.183, 0.115, 2.745
CIE-LCH	18.992, 54.942, 301.223
CIE-LUV	18.992, -3.76, -52.108
Hunter-Lab	16.568, 18.234, -48.599
Binary	00100010, 00100010, 01110100

#222274
```
#222274 rgb(34,34,116)
```
#747422
```
#747422 rgb(116,116,34)
```

Complementary Color

#224b74
```
#224b74 rgb(34,75,116)
```
#222274
```
#222274 rgb(34,34,116)
```
#4b2274
```
#4b2274 rgb(75,34,116)
```

Analogous Color

#4b7422
```
#4b7422 rgb(75,116,34)
```
#222274
```
#222274 rgb(34,34,116)
```
#744b22
```
#744b22 rgb(116,75,34)
```

Split Complementary Color

#227422
```
#227422 rgb(34,116,34)
```
#222274
```
#222274 rgb(34,34,116)
```
#742222
```
#742222 rgb(116,34,34)
```

Triadic Color

#227474
```
#227474 rgb(34,116,116)
```
#222274
```
#222274 rgb(34,34,116)
```
#742222
```
#742222 rgb(116,34,34)
```
#747422
```
#747422 rgb(116,116,34)
```

Tetradic Color

#111139
```
#111139 rgb(17,17,57)
```
#16164d
```
#16164d rgb(22,22,77)
```
#1c1c60
```
#1c1c60 rgb(28,28,96)
```
#222274
```
#222274 rgb(34,34,116)
```
#282888
```
#282888 rgb(40,40,136)
```
#2e2e9b
```
#2e2e9b rgb(46,46,155)
```
#3333af
```
#3333af rgb(51,51,175)
```

Monochromatic Color

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

#223774
```
#223774 rgb(34,55,116)
```
#223074
```
#223074 rgb(34,48,116)
```
#222974
```
#222974 rgb(34,41,116)
```
#222274
```
#222274 rgb(34,34,116)
```
#292274
```
#292274 rgb(41,34,116)
```
#302274
```
#302274 rgb(48,34,116)
```
#372274
```
#372274 rgb(55,34,116)
```

Similar Colors

Text with hexadecimal color #222274

This text has a font color of #222274.

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

#222274 background color

This paragraph has a background color of #222274.

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

#222274 border color

This element has a border color of #222274.

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

CSS codes

.text {color:#222274;}

.background {background-color:#222274;}

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

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, #03030a is the darkest color, while #fafafd is the lightest one.

#03030a
```
#03030a rgb(3,3,10)
```
#070719
```
#070719 rgb(7,7,25)
```
#0c0c28
```
#0c0c28 rgb(12,12,40)
```
#101037
```
#101037 rgb(16,16,55)
```
#151546
```
#151546 rgb(21,21,70)
```
#191956
```
#191956 rgb(25,25,86)
```
#1e1e65
```
#1e1e65 rgb(30,30,101)
```
#222274
```
#222274 rgb(34,34,116)
```
#262683
```
#262683 rgb(38,38,131)
```
#2b2b92
```
#2b2b92 rgb(43,43,146)
```
#2f2fa2
```
#2f2fa2 rgb(47,47,162)
```
#3434b1
```
#3434b1 rgb(52,52,177)
```
#3838c0
```
#3838c0 rgb(56,56,192)
```

Shade Color Variation

#4444c8
```
#4444c8 rgb(68,68,200)
```
#5353cd
```
#5353cd rgb(83,83,205)
```
#6262d1
```
#6262d1 rgb(98,98,209)
```
#7171d5
```
#7171d5 rgb(113,113,213)
```
#8080da
```
#8080da rgb(128,128,218)
```
#8f8fde
```
#8f8fde rgb(143,143,222)
```
#9f9fe3
```
#9f9fe3 rgb(159,159,227)
```
#aeaee7
```
#aeaee7 rgb(174,174,231)
```
#bdbdec
```
#bdbdec rgb(189,189,236)
```
#ccccf0
```
#ccccf0 rgb(204,204,240)
```
#dbdbf5
```
#dbdbf5 rgb(219,219,245)
```
#eaeaf9
```
#eaeaf9 rgb(234,234,249)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

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

#4a4a4c
```
#4a4a4c rgb(74,74,76)
```
#454551
```
#454551 rgb(69,69,81)
```
#3f3f57
```
#3f3f57 rgb(63,63,87)
```
#39395d
```
#39395d rgb(57,57,93)
```
#333363
```
#333363 rgb(51,51,99)
```
#2e2e68
```
#2e2e68 rgb(46,46,104)
```
#28286e
```
#28286e rgb(40,40,110)
```
#222274
```
#222274 rgb(34,34,116)
```
#1c1c7a
```
#1c1c7a rgb(28,28,122)
```
#161680
```
#161680 rgb(22,22,128)
```
#111185
```
#111185 rgb(17,17,133)
```
#0b0b8b
```
#0b0b8b rgb(11,11,139)
```
#050591
```
#050591 rgb(5,5,145)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#29293a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00376b Protanopia 1% of men
#003a5d Deuteranopia 1% of men
#003e42 Tritanopia 0.001% of the population

Trichromacy

#0c2f6e Protanomaly 1% of men, 0.01% of women
#0c3165 Deuteranomaly 6% of men, 0.4% of women
#0c3454 Tritanomaly 0.01% of the population

#222274 hex color

#222274 Color Information

#222274 Color Conversion

Color Schemes with #222274

Alternatives to #222274

#222274 Preview

Shades and Tints of #222274

Tones of #222274

Color Blindness Simulator