colorhexa.com

#2220af hex color

In a RGB color space, hex #2220af is composed of 13.3% red, 12.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 81.7% magenta, 0% yellow and 31.4% black. It has a hue angle of 240.8 degrees, a saturation of 69.1% and a lightness of 40.6%. #2220af color hex could be obtained by blending #4440ff with #00005f. Closest websafe color is: #333399.

- R 13
- G 13
- B 69
RGB color chart
- C 81
- M 82
- Y 0
- K 31
CMYK color chart

● #2220af color description : Dark blue.

The hexadecimal color #2220af has RGB values of R:34, G:32, B:175 and CMYK values of C:0.81, M:0.82, Y:0, K:0.31. Its decimal value is 2236591.

Hex triplet	2220af	`#2220af`
RGB Decimal	34, 32, 175	`rgb(34,32,175)`
RGB Percent	13.3, 12.5, 68.6	`rgb(13.3%,12.5%,68.6%)`
CMYK	81, 82, 0, 31
HSL	240.8°, 69.1, 40.6	`hsl(240.8,69.1%,40.6%)`
HSV (or HSB)	240.8°, 81.7, 68.6
Web Safe	333399	`#333399`

CIE-LAB	25.161, 49.738, -73.395
XYZ	8.913, 4.468, 40.948
xyY	0.164, 0.082, 4.468
CIE-LCH	25.161, 88.661, 304.125
CIE-LUV	25.161, -6.047, -87.022
Hunter-Lab	21.137, 38.277, -100.065
Binary	00100010, 00100000, 10101111

#2220af
```
#2220af rgb(34,32,175)
```
#adaf20
```
#adaf20 rgb(173,175,32)
```

Complementary Color

#2066af
```
#2066af rgb(32,102,175)
```
#2220af
```
#2220af rgb(34,32,175)
```
#6a20af
```
#6a20af rgb(106,32,175)
```

Analogous Color

#66af20
```
#66af20 rgb(102,175,32)
```
#2220af
```
#2220af rgb(34,32,175)
```
#af6a20
```
#af6a20 rgb(175,106,32)
```

Split Complementary Color

#20af22
```
#20af22 rgb(32,175,34)
```
#2220af
```
#2220af rgb(34,32,175)
```
#af2220
```
#af2220 rgb(175,34,32)
```

Triadic Color

#20adaf
```
#20adaf rgb(32,173,175)
```
#2220af
```
#2220af rgb(34,32,175)
```
#af2220
```
#af2220 rgb(175,34,32)
```
#adaf20
```
#adaf20 rgb(173,175,32)
```

Tetradic Color

#15146e
```
#15146e rgb(21,20,110)
```
#1a1884
```
#1a1884 rgb(26,24,132)
```
#1e1c99
```
#1e1c99 rgb(30,28,153)
```
#2220af
```
#2220af rgb(34,32,175)
```
#2624c5
```
#2624c5 rgb(38,36,197)
```
#2c2ad8
```
#2c2ad8 rgb(44,42,216)
```
#4240dc
```
#4240dc rgb(66,64,220)
```

Monochromatic Color

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

#2042af
```
#2042af rgb(32,66,175)
```
#2036af
```
#2036af rgb(32,54,175)
```
#202aaf
```
#202aaf rgb(32,42,175)
```
#2220af
```
#2220af rgb(34,32,175)
```
#2e20af
```
#2e20af rgb(46,32,175)
```
#3a20af
```
#3a20af rgb(58,32,175)
```
#4620af
```
#4620af rgb(70,32,175)
```

Similar Colors

Text with hexadecimal color #2220af

This text has a font color of #2220af.

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

#2220af background color

This paragraph has a background color of #2220af.

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

#2220af border color

This element has a border color of #2220af.

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

CSS codes

.text {color:#2220af;}

.background {background-color:#2220af;}

.border {border:1px solid #2220af;}

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

#020209
```
#020209 rgb(2,2,9)
```
#05051a
```
#05051a rgb(5,5,26)
```
#08082a
```
#08082a rgb(8,8,42)
```
#0b0b3b
```
#0b0b3b rgb(11,11,59)
```
#0f0e4c
```
#0f0e4c rgb(15,14,76)
```
#12115c
```
#12115c rgb(18,17,92)
```
#15146d
```
#15146d rgb(21,20,109)
```
#18177d
```
#18177d rgb(24,23,125)
```
#1c1a8e
```
#1c1a8e rgb(28,26,142)
```
#1f1d9e
```
#1f1d9e rgb(31,29,158)
```
#2220af
```
#2220af rgb(34,32,175)
```
#2523c0
```
#2523c0 rgb(37,35,192)
```
#2826d0
```
#2826d0 rgb(40,38,208)
```

Shade Color Variation

#3331d9
```
#3331d9 rgb(51,49,217)
```
#4341dc
```
#4341dc rgb(67,65,220)
```
#5452df
```
#5452df rgb(84,82,223)
```
#6462e2
```
#6462e2 rgb(100,98,226)
```
#7573e5
```
#7573e5 rgb(117,115,229)
```
#8584e8
```
#8584e8 rgb(133,132,232)
```
#9594eb
```
#9594eb rgb(149,148,235)
```
#a6a5ee
```
#a6a5ee rgb(166,165,238)
```
#b6b5f2
```
#b6b5f2 rgb(182,181,242)
```
#c6c6f5
```
#c6c6f5 rgb(198,198,245)
```
#d7d6f8
```
#d7d6f8 rgb(215,214,248)
```
#e7e7fb
```
#e7e7fb rgb(231,231,251)
```
#f8f8fe
```
#f8f8fe rgb(248,248,254)
```

Tint Color Variation

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

#60606f
```
#60606f rgb(96,96,111)
```
#585877
```
#585877 rgb(88,88,119)
```
#50507f
```
#50507f rgb(80,80,127)
```
#494887
```
#494887 rgb(73,72,135)
```
#41408f
```
#41408f rgb(65,64,143)
```
#393897
```
#393897 rgb(57,56,151)
```
#31309f
```
#31309f rgb(49,48,159)
```
#2a28a7
```
#2a28a7 rgb(42,40,167)
```
#2220af
```
#2220af rgb(34,32,175)
```
#1a18b7
```
#1a18b7 rgb(26,24,183)
```
#1310bf
```
#1310bf rgb(19,16,191)
```
#0b08c7
```
#0b08c7 rgb(11,8,199)
```
#0300cf
```
#0300cf rgb(3,0,207)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#2e2e4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#004383 Protanopia 1% of men
#004771 Deuteranopia 1% of men
#004c50 Tritanopia 0.001% of the population

Trichromacy

#0c3693 Protanomaly 1% of men, 0.01% of women
#0c3988 Deuteranomaly 6% of men, 0.4% of women
#0c3c72 Tritanomaly 0.01% of the population