#022270 hex color

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

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

● #022270 color description : Very dark blue.

The hexadecimal color #022270 has RGB values of R:2, G:34, B:112 and CMYK values of C:0.98, M:0.7, Y:0, K:0.56. Its decimal value is 139888.

Hex triplet	022270	`#022270`
RGB Decimal	2, 34, 112	`rgb(2,34,112)`
RGB Percent	0.8, 13.3, 43.9	`rgb(0.8%,13.3%,43.9%)`
CMYK	98, 70, 0, 56
HSL	222.5°, 96.5, 22.4	`hsl(222.5,96.5%,22.4%)`
HSV (or HSB)	222.5°, 98.2, 43.9
Web Safe	003366	`#003366`

CIE-LAB	17.115, 23.942, -47.54
XYZ	3.521, 2.327, 15.592
xyY	0.164, 0.109, 2.327
CIE-LCH	17.115, 53.228, 296.731
CIE-LUV	17.115, -7.236, -49.519
Hunter-Lab	15.253, 14.513, -49.93
Binary	00000010, 00100010, 01110000

#022270
```
#022270 rgb(2,34,112)
```
#705002
```
#705002 rgb(112,80,2)
```

Complementary Color

#025970
```
#025970 rgb(2,89,112)
```
#022270
```
#022270 rgb(2,34,112)
```
#190270
```
#190270 rgb(25,2,112)
```

Analogous Color

#597002
```
#597002 rgb(89,112,2)
```
#022270
```
#022270 rgb(2,34,112)
```
#701902
```
#701902 rgb(112,25,2)
```

Split Complementary Color

#227002
```
#227002 rgb(34,112,2)
```
#022270
```
#022270 rgb(2,34,112)
```
#700222
```
#700222 rgb(112,2,34)
```

Triadic Color

#027050
```
#027050 rgb(2,112,80)
```
#022270
```
#022270 rgb(2,34,112)
```
#700222
```
#700222 rgb(112,2,34)
```
#705002
```
#705002 rgb(112,80,2)
```

Tetradic Color

#010b25
```
#010b25 rgb(1,11,37)
```
#01133e
```
#01133e rgb(1,19,62)
```
#021a57
```
#021a57 rgb(2,26,87)
```
#022270
```
#022270 rgb(2,34,112)
```
#022a89
```
#022a89 rgb(2,42,137)
```
#0331a2
```
#0331a2 rgb(3,49,162)
```
#0339bb
```
#0339bb rgb(3,57,187)
```

Monochromatic Color

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

#023e70
```
#023e70 rgb(2,62,112)
```
#023470
```
#023470 rgb(2,52,112)
```
#022b70
```
#022b70 rgb(2,43,112)
```
#022270
```
#022270 rgb(2,34,112)
```
#021970
```
#021970 rgb(2,25,112)
```
#021070
```
#021070 rgb(2,16,112)
```
#020770
```
#020770 rgb(2,7,112)
```

Similar Colors

Text with hexadecimal color #022270

This text has a font color of #022270.

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

#022270 background color

This paragraph has a background color of #022270.

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

#022270 border color

This element has a border color of #022270.

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

CSS codes

.text {color:#022270;}

.background {background-color:#022270;}

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

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

#000510
```
#000510 rgb(0,5,16)
```
#010b23
```
#010b23 rgb(1,11,35)
```
#011036
```
#011036 rgb(1,16,54)
```
#011649
```
#011649 rgb(1,22,73)
```
#021c5d
```
#021c5d rgb(2,28,93)
```
#022270
```
#022270 rgb(2,34,112)
```
#022883
```
#022883 rgb(2,40,131)
```
#032e97
```
#032e97 rgb(3,46,151)
```
#0334aa
```
#0334aa rgb(3,52,170)
```
#0339bd
```
#0339bd rgb(3,57,189)
```
#043fd0
```
#043fd0 rgb(4,63,208)
```
#0445e4
```
#0445e4 rgb(4,69,228)
```
#044bf7
```
#044bf7 rgb(4,75,247)
```

Shade Color Variation

#1457fb
```
#1457fb rgb(20,87,251)
```
#2765fb
```
#2765fb rgb(39,101,251)
```
#3b73fb
```
#3b73fb rgb(59,115,251)
```
#4e81fc
```
#4e81fc rgb(78,129,252)
```
#618efc
```
#618efc rgb(97,142,252)
```
#749cfd
```
#749cfd rgb(116,156,253)
```
#88aafd
```
#88aafd rgb(136,170,253)
```
#9bb8fd
```
#9bb8fd rgb(155,184,253)
```
#aec5fe
```
#aec5fe rgb(174,197,254)
```
#c2d3fe
```
#c2d3fe rgb(194,211,254)
```
#d5e1fe
```
#d5e1fe rgb(213,225,254)
```
#e8efff
```
#e8efff rgb(232,239,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 #022270 is the most saturated one.

#37383b
```
#37383b rgb(55,56,59)
```
#323640
```
#323640 rgb(50,54,64)
```
#2e3444
```
#2e3444 rgb(46,52,68)
```
#293349
```
#293349 rgb(41,51,73)
```
#25314d
```
#25314d rgb(37,49,77)
```
#212f51
```
#212f51 rgb(33,47,81)
```
#1c2d56
```
#1c2d56 rgb(28,45,86)
```
#182b5a
```
#182b5a rgb(24,43,90)
```
#14295e
```
#14295e rgb(20,41,94)
```
#0f2863
```
#0f2863 rgb(15,40,99)
```
#0b2667
```
#0b2667 rgb(11,38,103)
```
#06246c
```
#06246c rgb(6,36,108)
```
#022270
```
#022270 rgb(2,34,112)
```

Tone Color Variation

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

#212121 Achromatopsia 0.005% of the population
#1b2131 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003364 Protanopia 1% of men
#003657 Deuteranopia 1% of men
#003a3d Tritanopia 0.001% of the population

Trichromacy

#002d68 Protanomaly 1% of men, 0.01% of women
#002f60 Deuteranomaly 6% of men, 0.4% of women
#00314f Tritanomaly 0.01% of the population

#022270 hex color

#022270 Color Information

#022270 Color Conversion

Color Schemes with #022270

Alternatives to #022270

#022270 Preview

Shades and Tints of #022270

Tones of #022270

Color Blindness Simulator