#022272 hex color

In a RGB color space, hex #022272 is composed of 0.8% red, 13.3% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 70.2% magenta, 0% yellow and 55.3% black. It has a hue angle of 222.9 degrees, a saturation of 96.6% and a lightness of 22.7%. #022272 color hex could be obtained by blending #0444e4 with #000000. Closest websafe color is: #003366.

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

● #022272 color description : Very dark blue.

The hexadecimal color #022272 has RGB values of R:2, G:34, B:114 and CMYK values of C:0.98, M:0.7, Y:0, K:0.55. Its decimal value is 139890.

Hex triplet	022272	`#022272`
RGB Decimal	2, 34, 114	`rgb(2,34,114)`
RGB Percent	0.8, 13.3, 44.7	`rgb(0.8%,13.3%,44.7%)`
CMYK	98, 70, 0, 55
HSL	222.9°, 96.6, 22.7	`hsl(222.9,96.6%,22.7%)`
HSV (or HSB)	222.9°, 98.2, 44.7
Web Safe	003366	`#003366`

CIE-LAB	17.327, 24.785, -48.484
XYZ	3.634, 2.372, 16.185
xyY	0.164, 0.107, 2.372
CIE-LCH	17.327, 54.451, 297.076
CIE-LUV	17.327, -7.259, -50.713
Hunter-Lab	15.4, 15.168, -51.532
Binary	00000010, 00100010, 01110010

#022272
```
#022272 rgb(2,34,114)
```
#725202
```
#725202 rgb(114,82,2)
```

Complementary Color

#025a72
```
#025a72 rgb(2,90,114)
```
#022272
```
#022272 rgb(2,34,114)
```
#1a0272
```
#1a0272 rgb(26,2,114)
```

Analogous Color

#5a7202
```
#5a7202 rgb(90,114,2)
```
#022272
```
#022272 rgb(2,34,114)
```
#721a02
```
#721a02 rgb(114,26,2)
```

Split Complementary Color

#227202
```
#227202 rgb(34,114,2)
```
#022272
```
#022272 rgb(2,34,114)
```
#720222
```
#720222 rgb(114,2,34)
```

Triadic Color

#027252
```
#027252 rgb(2,114,82)
```
#022272
```
#022272 rgb(2,34,114)
```
#720222
```
#720222 rgb(114,2,34)
```
#725202
```
#725202 rgb(114,82,2)
```

Tetradic Color

#010c27
```
#010c27 rgb(1,12,39)
```
#011340
```
#011340 rgb(1,19,64)
```
#021b59
```
#021b59 rgb(2,27,89)
```
#022272
```
#022272 rgb(2,34,114)
```
#02298b
```
#02298b rgb(2,41,139)
```
#0331a4
```
#0331a4 rgb(3,49,164)
```
#0338bd
```
#0338bd rgb(3,56,189)
```

Monochromatic Color

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

#023e72
```
#023e72 rgb(2,62,114)
```
#023572
```
#023572 rgb(2,53,114)
```
#022b72
```
#022b72 rgb(2,43,114)
```
#022272
```
#022272 rgb(2,34,114)
```
#021972
```
#021972 rgb(2,25,114)
```
#020f72
```
#020f72 rgb(2,15,114)
```
#020672
```
#020672 rgb(2,6,114)
```

Similar Colors

Text with hexadecimal color #022272

This text has a font color of #022272.

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

#022272 background color

This paragraph has a background color of #022272.

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

#022272 border color

This element has a border color of #022272.

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

CSS codes

.text {color:#022272;}

.background {background-color:#022272;}

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

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

#000512
```
#000512 rgb(0,5,18)
```
#010b25
```
#010b25 rgb(1,11,37)
```
#011138
```
#011138 rgb(1,17,56)
```
#01174b
```
#01174b rgb(1,23,75)
```
#021c5f
```
#021c5f rgb(2,28,95)
```
#022272
```
#022272 rgb(2,34,114)
```
#022885
```
#022885 rgb(2,40,133)
```
#032d99
```
#032d99 rgb(3,45,153)
```
#0333ac
```
#0333ac rgb(3,51,172)
```
#0339bf
```
#0339bf rgb(3,57,191)
```
#043fd2
```
#043fd2 rgb(4,63,210)
```
#0444e6
```
#0444e6 rgb(4,68,230)
```
#044af9
```
#044af9 rgb(4,74,249)
```

Shade Color Variation

#1657fb
```
#1657fb rgb(22,87,251)
```
#2965fb
```
#2965fb rgb(41,101,251)
```
#3d73fc
```
#3d73fc rgb(61,115,252)
```
#5081fc
```
#5081fc rgb(80,129,252)
```
#638ffc
```
#638ffc rgb(99,143,252)
```
#769dfd
```
#769dfd rgb(118,157,253)
```
#8aabfd
```
#8aabfd rgb(138,171,253)
```
#9db8fd
```
#9db8fd rgb(157,184,253)
```
#b0c6fe
```
#b0c6fe rgb(176,198,254)
```
#c4d4fe
```
#c4d4fe rgb(196,212,254)
```
#d7e2fe
```
#d7e2fe rgb(215,226,254)
```
#eaf0ff
```
#eaf0ff rgb(234,240,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#38393c
```
#38393c rgb(56,57,60)
```
#333741
```
#333741 rgb(51,55,65)
```
#2f3545
```
#2f3545 rgb(47,53,69)
```
#2a334a
```
#2a334a rgb(42,51,74)
```
#26314e
```
#26314e rgb(38,49,78)
```
#212f53
```
#212f53 rgb(33,47,83)
```
#1d2d57
```
#1d2d57 rgb(29,45,87)
```
#182c5c
```
#182c5c rgb(24,44,92)
```
#142a60
```
#142a60 rgb(20,42,96)
```
#0f2865
```
#0f2865 rgb(15,40,101)
```
#0b2669
```
#0b2669 rgb(11,38,105)
```
#06246e
```
#06246e rgb(6,36,110)
```
#022272
```
#022272 rgb(2,34,114)
```

Tone Color Variation

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

#222222 Achromatopsia 0.005% of the population
#1c2232 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003465 Protanopia 1% of men
#003758 Deuteranopia 1% of men
#003a3d Tritanopia 0.001% of the population

Trichromacy

#002d6a Protanomaly 1% of men, 0.01% of women
#002f61 Deuteranomaly 6% of men, 0.4% of women
#003150 Tritanomaly 0.01% of the population

#022272 hex color

#022272 Color Information

#022272 Color Conversion

Color Schemes with #022272

Alternatives to #022272

#022272 Preview

Shades and Tints of #022272

Tones of #022272

Color Blindness Simulator