#0822b4 hex color

In a RGB color space, hex #0822b4 is composed of 3.1% red, 13.3% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 95.6% cyan, 81.1% magenta, 0% yellow and 29.4% black. It has a hue angle of 230.9 degrees, a saturation of 91.5% and a lightness of 36.9%. #0822b4 color hex could be obtained by blending #1044ff with #000069. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 3
- G 13
- B 71
RGB color chart
- C 96
- M 81
- Y 0
- K 29
CMYK color chart

● #0822b4 color description : Strong blue.

The hexadecimal color #0822b4 has RGB values of R:8, G:34, B:180 and CMYK values of C:0.96, M:0.81, Y:0, K:0.29. Its decimal value is 533172.

Hex triplet	0822b4	`#0822b4`
RGB Decimal	8, 34, 180	`rgb(8,34,180)`
RGB Percent	3.1, 13.3, 70.6	`rgb(3.1%,13.3%,70.6%)`
CMYK	96, 81, 0, 29
HSL	230.9°, 91.5, 36.9	`hsl(230.9,91.5%,36.9%)`
HSV (or HSB)	230.9°, 95.6, 70.6
Web Safe	0033cc	`#0033cc`

CIE-LAB	25.23, 49.407, -76.299
XYZ	8.909, 4.49, 43.575
xyY	0.156, 0.079, 4.49
CIE-LCH	25.23, 90.899, 302.925
CIE-LUV	25.23, -8.423, -89.573
Hunter-Lab	21.19, 37.961, -107.088
Binary	00001000, 00100010, 10110100

#0822b4
```
#0822b4 rgb(8,34,180)
```
#b49a08
```
#b49a08 rgb(180,154,8)
```

Complementary Color

#0878b4
```
#0878b4 rgb(8,120,180)
```
#0822b4
```
#0822b4 rgb(8,34,180)
```
#4408b4
```
#4408b4 rgb(68,8,180)
```

Analogous Color

#78b408
```
#78b408 rgb(120,180,8)
```
#0822b4
```
#0822b4 rgb(8,34,180)
```
#b44408
```
#b44408 rgb(180,68,8)
```

Split Complementary Color

#22b408
```
#22b408 rgb(34,180,8)
```
#0822b4
```
#0822b4 rgb(8,34,180)
```
#b40822
```
#b40822 rgb(180,8,34)
```

Triadic Color

#08b49a
```
#08b49a rgb(8,180,154)
```
#0822b4
```
#0822b4 rgb(8,34,180)
```
#b40822
```
#b40822 rgb(180,8,34)
```
#b49a08
```
#b49a08 rgb(180,154,8)
```

Tetradic Color

#05146b
```
#05146b rgb(5,20,107)
```
#061983
```
#061983 rgb(6,25,131)
```
#071d9c
```
#071d9c rgb(7,29,156)
```
#0822b4
```
#0822b4 rgb(8,34,180)
```
#0927cc
```
#0927cc rgb(9,39,204)
```
#0a2be5
```
#0a2be5 rgb(10,43,229)
```
#1436f5
```
#1436f5 rgb(20,54,245)
```

Monochromatic Color

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

#084db4
```
#084db4 rgb(8,77,180)
```
#083fb4
```
#083fb4 rgb(8,63,180)
```
#0830b4
```
#0830b4 rgb(8,48,180)
```
#0822b4
```
#0822b4 rgb(8,34,180)
```
#0814b4
```
#0814b4 rgb(8,20,180)
```
#0b08b4
```
#0b08b4 rgb(11,8,180)
```
#1908b4
```
#1908b4 rgb(25,8,180)
```

Similar Colors

Text with hexadecimal color #0822b4

This text has a font color of #0822b4.

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

#0822b4 background color

This paragraph has a background color of #0822b4.

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

#0822b4 border color

This element has a border color of #0822b4.

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

CSS codes

.text {color:#0822b4;}

.background {background-color:#0822b4;}

.border {border:1px solid #0822b4;}

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, #00020b is the darkest color, while #f7f8ff is the lightest one.

#00020b
```
#00020b rgb(0,2,11)
```
#01061e
```
#01061e rgb(1,6,30)
```
#020931
```
#020931 rgb(2,9,49)
```
#030d43
```
#030d43 rgb(3,13,67)
```
#041056
```
#041056 rgb(4,16,86)
```
#051469
```
#051469 rgb(5,20,105)
```
#05177c
```
#05177c rgb(5,23,124)
```
#061b8e
```
#061b8e rgb(6,27,142)
```
#071ea1
```
#071ea1 rgb(7,30,161)
```
#0822b4
```
#0822b4 rgb(8,34,180)
```
#0926c7
```
#0926c7 rgb(9,38,199)
```
#0a29da
```
#0a29da rgb(10,41,218)
```
#0b2dec
```
#0b2dec rgb(11,45,236)
```

Shade Color Variation

#1638f5
```
#1638f5 rgb(22,56,245)
```
#2948f5
```
#2948f5 rgb(41,72,245)
```
#3b58f6
```
#3b58f6 rgb(59,88,246)
```
#4e68f7
```
#4e68f7 rgb(78,104,247)
```
#6178f8
```
#6178f8 rgb(97,120,248)
```
#7488f9
```
#7488f9 rgb(116,136,249)
```
#8798fa
```
#8798fa rgb(135,152,250)
```
#99a8fa
```
#99a8fa rgb(153,168,250)
```
#acb8fb
```
#acb8fb rgb(172,184,251)
```
#bfc8fc
```
#bfc8fc rgb(191,200,252)
```
#d2d8fd
```
#d2d8fd rgb(210,216,253)
```
#e4e8fe
```
#e4e8fe rgb(228,232,254)
```
#f7f8ff
```
#f7f8ff rgb(247,248,255)
```

Tint Color Variation

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

#585964
```
#585964 rgb(88,89,100)
```
#50546c
```
#50546c rgb(80,84,108)
```
#494f73
```
#494f73 rgb(73,79,115)
```
#424a7a
```
#424a7a rgb(66,74,122)
```
#3b4581
```
#3b4581 rgb(59,69,129)
```
#334089
```
#334089 rgb(51,64,137)
```
#2c3b90
```
#2c3b90 rgb(44,59,144)
```
#253697
```
#253697 rgb(37,54,151)
```
#1e319e
```
#1e319e rgb(30,49,158)
```
#162ca6
```
#162ca6 rgb(22,44,166)
```
#0f27ad
```
#0f27ad rgb(15,39,173)
```
#0822b4
```
#0822b4 rgb(8,34,180)
```
#011dbb
```
#011dbb rgb(1,29,187)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#242946 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004484 Protanopia 1% of men
#004871 Deuteranopia 1% of men
#004d50 Tritanopia 0.001% of the population

Trichromacy

#023795 Protanomaly 1% of men, 0.01% of women
#023a89 Deuteranomaly 6% of men, 0.4% of women
#023d74 Tritanomaly 0.01% of the population

#0822b4 hex color

#0822b4 Color Information

#0822b4 Color Conversion

Color Schemes with #0822b4

Alternatives to #0822b4

#0822b4 Preview

Shades and Tints of #0822b4

Tones of #0822b4

Color Blindness Simulator