colorhexa.com

#222caa hex color

In a RGB color space, hex #222caa is composed of 13.3% red, 17.3% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 74.1% magenta, 0% yellow and 33.3% black. It has a hue angle of 235.6 degrees, a saturation of 66.7% and a lightness of 40%. #222caa color hex could be obtained by blending #4458ff with #000055. Closest websafe color is: #333399.

- R 13
- G 17
- B 67
RGB color chart
- C 80
- M 74
- Y 0
- K 33
CMYK color chart

● #222caa color description : Dark blue.

The hexadecimal color #222caa has RGB values of R:34, G:44, B:170 and CMYK values of C:0.8, M:0.74, Y:0, K:0.33. Its decimal value is 2239658.

Hex triplet	222caa	`#222caa`
RGB Decimal	34, 44, 170	`rgb(34,44,170)`
RGB Percent	13.3, 17.3, 66.7	`rgb(13.3%,17.3%,66.7%)`
CMYK	80, 74, 0, 33
HSL	235.6°, 66.7, 40	`hsl(235.6,66.7%,40%)`
HSV (or HSB)	235.6°, 80, 66.7
Web Safe	333399	`#333399`

CIE-LAB	26.857, 41.591, -67.58
XYZ	8.815, 5.043, 38.537
xyY	0.168, 0.096, 5.043
CIE-LCH	26.857, 79.353, 301.61
CIE-LUV	26.857, -7.545, -84.311
Hunter-Lab	22.457, 30.764, -86.024
Binary	00100010, 00101100, 10101010

#222caa
```
#222caa rgb(34,44,170)
```
#aaa022
```
#aaa022 rgb(170,160,34)
```

Complementary Color

#2270aa
```
#2270aa rgb(34,112,170)
```
#222caa
```
#222caa rgb(34,44,170)
```
#5c22aa
```
#5c22aa rgb(92,34,170)
```

Analogous Color

#70aa22
```
#70aa22 rgb(112,170,34)
```
#222caa
```
#222caa rgb(34,44,170)
```
#aa5c22
```
#aa5c22 rgb(170,92,34)
```

Split Complementary Color

#2caa22
```
#2caa22 rgb(44,170,34)
```
#222caa
```
#222caa rgb(34,44,170)
```
#aa222c
```
#aa222c rgb(170,34,44)
```

Triadic Color

#22aaa0
```
#22aaa0 rgb(34,170,160)
```
#222caa
```
#222caa rgb(34,44,170)
```
#aa222c
```
#aa222c rgb(170,34,44)
```
#aaa022
```
#aaa022 rgb(170,160,34)
```

Tetradic Color

#151c6a
```
#151c6a rgb(21,28,106)
```
#1a2180
```
#1a2180 rgb(26,33,128)
```
#1e2795
```
#1e2795 rgb(30,39,149)
```
#222caa
```
#222caa rgb(34,44,170)
```
#2632bf
```
#2632bf rgb(38,50,191)
```
#2b37d5
```
#2b37d5 rgb(43,55,213)
```
#404bd9
```
#404bd9 rgb(64,75,217)
```

Monochromatic Color

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

#224eaa
```
#224eaa rgb(34,78,170)
```
#2243aa
```
#2243aa rgb(34,67,170)
```
#2237aa
```
#2237aa rgb(34,55,170)
```
#222caa
```
#222caa rgb(34,44,170)
```
#2322aa
```
#2322aa rgb(35,34,170)
```
#2f22aa
```
#2f22aa rgb(47,34,170)
```
#3a22aa
```
#3a22aa rgb(58,34,170)
```

Similar Colors

Text with hexadecimal color #222caa

This text has a font color of #222caa.

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

#222caa background color

This paragraph has a background color of #222caa.

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

#222caa border color

This element has a border color of #222caa.

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

CSS codes

.text {color:#222caa;}

.background {background-color:#222caa;}

.border {border:1px solid #222caa;}

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

#010207
```
#010207 rgb(1,2,7)
```
#050617
```
#050617 rgb(5,6,23)
```
#080a27
```
#080a27 rgb(8,10,39)
```
#0b0e38
```
#0b0e38 rgb(11,14,56)
```
#0e1348
```
#0e1348 rgb(14,19,72)
```
#121758
```
#121758 rgb(18,23,88)
```
#151b69
```
#151b69 rgb(21,27,105)
```
#181f79
```
#181f79 rgb(24,31,121)
```
#1b2489
```
#1b2489 rgb(27,36,137)
```
#1f289a
```
#1f289a rgb(31,40,154)
```
#222caa
```
#222caa rgb(34,44,170)
```
#2530ba
```
#2530ba rgb(37,48,186)
```
#2934cb
```
#2934cb rgb(41,52,203)
```

Shade Color Variation

#313dd6
```
#313dd6 rgb(49,61,214)
```
#414dd9
```
#414dd9 rgb(65,77,217)
```
#525cdc
```
#525cdc rgb(82,92,220)
```
#626be0
```
#626be0 rgb(98,107,224)
```
#727be3
```
#727be3 rgb(114,123,227)
```
#838ae6
```
#838ae6 rgb(131,138,230)
```
#9399e9
```
#9399e9 rgb(147,153,233)
```
#a3a9ed
```
#a3a9ed rgb(163,169,237)
```
#b4b8f0
```
#b4b8f0 rgb(180,184,240)
```
#c4c8f3
```
#c4c8f3 rgb(196,200,243)
```
#d5d7f7
```
#d5d7f7 rgb(213,215,247)
```
#e5e6fa
```
#e5e6fa rgb(229,230,250)
```
#f5f6fd
```
#f5f6fd rgb(245,246,253)
```

Tint Color Variation

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

#61626b
```
#61626b rgb(97,98,107)
```
#595b73
```
#595b73 rgb(89,91,115)
```
#51547b
```
#51547b rgb(81,84,123)
```
#494d83
```
#494d83 rgb(73,77,131)
```
#41478b
```
#41478b rgb(65,71,139)
```
#3a4092
```
#3a4092 rgb(58,64,146)
```
#32399a
```
#32399a rgb(50,57,154)
```
#2a33a2
```
#2a33a2 rgb(42,51,162)
```
#222caa
```
#222caa rgb(34,44,170)
```
#1a25b2
```
#1a25b2 rgb(26,37,178)
```
#121fba
```
#121fba rgb(18,31,186)
```
#0a18c2
```
#0a18c2 rgb(10,24,194)
```
#0311c9
```
#0311c9 rgb(3,17,201)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#33354e Atypical Achromatopsia 0.001% of the population

Dichromacy

#00478a Protanopia 1% of men
#004b78 Deuteranopia 1% of men
#005054 Tritanopia 0.001% of the population

Trichromacy

#0c3d96 Protanomaly 1% of men, 0.01% of women
#0c408a Deuteranomaly 6% of men, 0.4% of women
#0c4373 Tritanomaly 0.01% of the population