#022070 hex color

In a RGB color space, hex #022070 is composed of 0.8% red, 12.5% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 71.4% magenta, 0% yellow and 56.1% black. It has a hue angle of 223.6 degrees, a saturation of 96.5% and a lightness of 22.4%. #022070 color hex could be obtained by blending #0440e0 with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 1
- G 13
- B 44
RGB color chart
- C 98
- M 71
- Y 0
- K 56
CMYK color chart

● #022070 color description : Very dark blue.

The hexadecimal color #022070 has RGB values of R:2, G:32, B:112 and CMYK values of C:0.98, M:0.71, Y:0, K:0.56. Its decimal value is 139376.

Hex triplet	022070	`#022070`
RGB Decimal	2, 32, 112	`rgb(2,32,112)`
RGB Percent	0.8, 12.5, 43.9	`rgb(0.8%,12.5%,43.9%)`
CMYK	98, 71, 0, 56
HSL	223.6°, 96.5, 22.4	`hsl(223.6,96.5%,22.4%)`
HSV (or HSB)	223.6°, 98.2, 43.9
Web Safe	003366	`#003366`

CIE-LAB	16.58, 25.369, -48.421
XYZ	3.466, 2.215, 15.573
xyY	0.163, 0.104, 2.215
CIE-LCH	16.58, 54.664, 297.651
CIE-LUV	16.58, -6.824, -49.424
Hunter-Lab	14.885, 15.512, -51.615
Binary	00000010, 00100000, 01110000

#022070
```
#022070 rgb(2,32,112)
```
#705202
```
#705202 rgb(112,82,2)
```

Complementary Color

#025770
```
#025770 rgb(2,87,112)
```
#022070
```
#022070 rgb(2,32,112)
```
#1b0270
```
#1b0270 rgb(27,2,112)
```

Analogous Color

#577002
```
#577002 rgb(87,112,2)
```
#022070
```
#022070 rgb(2,32,112)
```
#701b02
```
#701b02 rgb(112,27,2)
```

Split Complementary Color

#207002
```
#207002 rgb(32,112,2)
```
#022070
```
#022070 rgb(2,32,112)
```
#700220
```
#700220 rgb(112,2,32)
```

Triadic Color

#027052
```
#027052 rgb(2,112,82)
```
#022070
```
#022070 rgb(2,32,112)
```
#700220
```
#700220 rgb(112,2,32)
```
#705202
```
#705202 rgb(112,82,2)
```

Tetradic Color

#010b25
```
#010b25 rgb(1,11,37)
```
#01123e
```
#01123e rgb(1,18,62)
```
#021957
```
#021957 rgb(2,25,87)
```
#022070
```
#022070 rgb(2,32,112)
```
#022789
```
#022789 rgb(2,39,137)
```
#032ea2
```
#032ea2 rgb(3,46,162)
```
#0335bb
```
#0335bb rgb(3,53,187)
```

Monochromatic Color

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

#023c70
```
#023c70 rgb(2,60,112)
```
#023270
```
#023270 rgb(2,50,112)
```
#022970
```
#022970 rgb(2,41,112)
```
#022070
```
#022070 rgb(2,32,112)
```
#021770
```
#021770 rgb(2,23,112)
```
#020e70
```
#020e70 rgb(2,14,112)
```
#020570
```
#020570 rgb(2,5,112)
```

Similar Colors

Text with hexadecimal color #022070

This text has a font color of #022070.

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

#022070 background color

This paragraph has a background color of #022070.

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

#022070 border color

This element has a border color of #022070.

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

CSS codes

.text {color:#022070;}

.background {background-color:#022070;}

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

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

#000410
```
#000410 rgb(0,4,16)
```
#010a23
```
#010a23 rgb(1,10,35)
```
#010f36
```
#010f36 rgb(1,15,54)
```
#011549
```
#011549 rgb(1,21,73)
```
#021a5d
```
#021a5d rgb(2,26,93)
```
#022070
```
#022070 rgb(2,32,112)
```
#022683
```
#022683 rgb(2,38,131)
```
#032b97
```
#032b97 rgb(3,43,151)
```
#0331aa
```
#0331aa rgb(3,49,170)
```
#0336bd
```
#0336bd rgb(3,54,189)
```
#043cd0
```
#043cd0 rgb(4,60,208)
```
#0441e4
```
#0441e4 rgb(4,65,228)
```
#0447f7
```
#0447f7 rgb(4,71,247)
```

Shade Color Variation

#1453fb
```
#1453fb rgb(20,83,251)
```
#2761fb
```
#2761fb rgb(39,97,251)
```
#3b6ffb
```
#3b6ffb rgb(59,111,251)
```
#4e7dfc
```
#4e7dfc rgb(78,125,252)
```
#618bfc
```
#618bfc rgb(97,139,252)
```
#749afd
```
#749afd rgb(116,154,253)
```
#88a8fd
```
#88a8fd rgb(136,168,253)
```
#9bb6fd
```
#9bb6fd rgb(155,182,253)
```
#aec4fe
```
#aec4fe rgb(174,196,254)
```
#c2d2fe
```
#c2d2fe rgb(194,210,254)
```
#d5e0fe
```
#d5e0fe rgb(213,224,254)
```
#e8eeff
```
#e8eeff rgb(232,238,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#37383b
```
#37383b rgb(55,56,59)
```
#323640
```
#323640 rgb(50,54,64)
```
#2e3444
```
#2e3444 rgb(46,52,68)
```
#293249
```
#293249 rgb(41,50,73)
```
#25304d
```
#25304d rgb(37,48,77)
```
#212e51
```
#212e51 rgb(33,46,81)
```
#1c2c56
```
#1c2c56 rgb(28,44,86)
```
#182a5a
```
#182a5a rgb(24,42,90)
```
#14285e
```
#14285e rgb(20,40,94)
```
#0f2663
```
#0f2663 rgb(15,38,99)
```
#0b2467
```
#0b2467 rgb(11,36,103)
```
#06226c
```
#06226c rgb(6,34,108)
```
#022070
```
#022070 rgb(2,32,112)
```

Tone Color Variation

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

#202020 Achromatopsia 0.005% of the population
#1a2030 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003262 Protanopia 1% of men
#003555 Deuteranopia 1% of men
#00393c Tritanopia 0.001% of the population

Trichromacy

#002b67 Protanomaly 1% of men, 0.01% of women
#002d5f Deuteranomaly 6% of men, 0.4% of women
#00304e Tritanomaly 0.01% of the population

#022070 hex color

#022070 Color Information

#022070 Color Conversion

Color Schemes with #022070

Alternatives to #022070

#022070 Preview

Shades and Tints of #022070

Tones of #022070

Color Blindness Simulator