#022250 hex color

In a RGB color space, hex #022250 is composed of 0.8% red, 13.3% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 57.5% magenta, 0% yellow and 68.6% black. It has a hue angle of 215.4 degrees, a saturation of 95.1% and a lightness of 16.1%. #022250 color hex could be obtained by blending #0444a0 with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 1
- G 13
- B 31
RGB color chart
- C 98
- M 58
- Y 0
- K 69
CMYK color chart

● #022250 color description : Very dark blue.

The hexadecimal color #022250 has RGB values of R:2, G:34, B:80 and CMYK values of C:0.98, M:0.58, Y:0, K:0.69. Its decimal value is 139856.

Hex triplet	022250	`#022250`
RGB Decimal	2, 34, 80	`rgb(2,34,80)`
RGB Percent	0.8, 13.3, 31.4	`rgb(0.8%,13.3%,31.4%)`
CMYK	98, 58, 0, 69
HSL	215.4°, 95.1, 16.1	`hsl(215.4,95.1%,16.1%)`
HSV (or HSB)	215.4°, 97.5, 31.4
Web Safe	003366	`#003366`

CIE-LAB	14.036, 9.595, -31.335
XYZ	2.045, 1.736, 7.816
xyY	0.176, 0.15, 1.736
CIE-LCH	14.036, 32.771, 287.025
CIE-LUV	14.036, -7.14, -30.136
Hunter-Lab	13.176, 4.644, -25.95
Binary	00000010, 00100010, 01010000

#022250
```
#022250 rgb(2,34,80)
```
#503002
```
#503002 rgb(80,48,2)
```

Complementary Color

#024950
```
#024950 rgb(2,73,80)
```
#022250
```
#022250 rgb(2,34,80)
```
#090250
```
#090250 rgb(9,2,80)
```

Analogous Color

#495002
```
#495002 rgb(73,80,2)
```
#022250
```
#022250 rgb(2,34,80)
```
#500902
```
#500902 rgb(80,9,2)
```

Split Complementary Color

#225002
```
#225002 rgb(34,80,2)
```
#022250
```
#022250 rgb(2,34,80)
```
#500222
```
#500222 rgb(80,2,34)
```

Triadic Color

#025030
```
#025030 rgb(2,80,48)
```
#022250
```
#022250 rgb(2,34,80)
```
#500222
```
#500222 rgb(80,2,34)
```
#503002
```
#503002 rgb(80,48,2)
```

Tetradic Color

#000205
```
#000205 rgb(0,2,5)
```
#010d1e
```
#010d1e rgb(1,13,30)
```
#011737
```
#011737 rgb(1,23,55)
```
#022250
```
#022250 rgb(2,34,80)
```
#032d69
```
#032d69 rgb(3,45,105)
```
#033782
```
#033782 rgb(3,55,130)
```
#04429b
```
#04429b rgb(4,66,155)
```

Monochromatic Color

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

#023650
```
#023650 rgb(2,54,80)
```
#022f50
```
#022f50 rgb(2,47,80)
```
#022950
```
#022950 rgb(2,41,80)
```
#022250
```
#022250 rgb(2,34,80)
```
#021c50
```
#021c50 rgb(2,28,80)
```
#021550
```
#021550 rgb(2,21,80)
```
#020f50
```
#020f50 rgb(2,15,80)
```

Similar Colors

Text with hexadecimal color #022250

This text has a font color of #022250.

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

#022250 background color

This paragraph has a background color of #022250.

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

#022250 border color

This element has a border color of #022250.

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

CSS codes

.text {color:#022250;}

.background {background-color:#022250;}

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

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

#000103
```
#000103 rgb(0,1,3)
```
#010a17
```
#010a17 rgb(1,10,23)
```
#01122a
```
#01122a rgb(1,18,42)
```
#021a3d
```
#021a3d rgb(2,26,61)
```
#022250
```
#022250 rgb(2,34,80)
```
#022a63
```
#022a63 rgb(2,42,99)
```
#033276
```
#033276 rgb(3,50,118)
```
#033a89
```
#033a89 rgb(3,58,137)
```
#04439d
```
#04439d rgb(4,67,157)
```
#044bb0
```
#044bb0 rgb(4,75,176)
```
#0553c3
```
#0553c3 rgb(5,83,195)
```
#055bd6
```
#055bd6 rgb(5,91,214)
```
#0663e9
```
#0663e9 rgb(6,99,233)
```

Shade Color Variation

#0a6cf9
```
#0a6cf9 rgb(10,108,249)
```
#1d77f9
```
#1d77f9 rgb(29,119,249)
```
#3083fa
```
#3083fa rgb(48,131,250)
```
#438efa
```
#438efa rgb(67,142,250)
```
#569afb
```
#569afb rgb(86,154,251)
```
#69a5fb
```
#69a5fb rgb(105,165,251)
```
#7cb1fc
```
#7cb1fc rgb(124,177,252)
```
#90bcfc
```
#90bcfc rgb(144,188,252)
```
#a3c8fd
```
#a3c8fd rgb(163,200,253)
```
#b6d3fd
```
#b6d3fd rgb(182,211,253)
```
#c9dffe
```
#c9dffe rgb(201,223,254)
```
#dceafe
```
#dceafe rgb(220,234,254)
```
#eff6ff
```
#eff6ff rgb(239,246,255)
```

Tint Color Variation

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

#28292a
```
#28292a rgb(40,41,42)
```
#25282d
```
#25282d rgb(37,40,45)
```
#222830
```
#222830 rgb(34,40,48)
```
#1e2734
```
#1e2734 rgb(30,39,52)
```
#1b2737
```
#1b2737 rgb(27,39,55)
```
#18263a
```
#18263a rgb(24,38,58)
```
#15253d
```
#15253d rgb(21,37,61)
```
#122540
```
#122540 rgb(18,37,64)
```
#0f2443
```
#0f2443 rgb(15,36,67)
```
#0b2447
```
#0b2447 rgb(11,36,71)
```
#08234a
```
#08234a rgb(8,35,74)
```
#05234d
```
#05234d rgb(5,35,77)
```
#022250
```
#022250 rgb(2,34,80)
```

Tone Color Variation

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

#1e1e1e Achromatopsia 0.005% of the population
#181f28 Atypical Achromatopsia 0.001% of the population

Dichromacy

#082d59 Protanopia 1% of men
#00304e Deuteranopia 1% of men
#003336 Tritanopia 0.001% of the population

Trichromacy

#052955 Protanomaly 1% of men, 0.01% of women
#002a4f Deuteranomaly 6% of men, 0.4% of women
#002d3f Tritanomaly 0.01% of the population

#022250 hex color

#022250 Color Information

#022250 Color Conversion

Color Schemes with #022250

Alternatives to #022250

#022250 Preview

Shades and Tints of #022250

Tones of #022250

Color Blindness Simulator