#0822d2 hex color

In a RGB color space, hex #0822d2 is composed of 3.1% red, 13.3% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 96.2% cyan, 83.8% magenta, 0% yellow and 17.6% black. It has a hue angle of 232.3 degrees, a saturation of 92.7% and a lightness of 42.7%. #0822d2 color hex could be obtained by blending #1044ff with #0000a5. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 3
- G 13
- B 82
RGB color chart
- C 96
- M 84
- Y 0
- K 18
CMYK color chart

● #0822d2 color description : Strong blue.

The hexadecimal color #0822d2 has RGB values of R:8, G:34, B:210 and CMYK values of C:0.96, M:0.84, Y:0, K:0.18. Its decimal value is 533202.

Hex triplet	0822d2	`#0822d2`
RGB Decimal	8, 34, 210	`rgb(8,34,210)`
RGB Percent	3.1, 13.3, 82.4	`rgb(3.1%,13.3%,82.4%)`
CMYK	96, 84, 0, 18
HSL	232.3°, 92.7, 42.7	`hsl(232.3,92.7%,42.7%)`
HSV (or HSB)	232.3°, 96.2, 82.4
Web Safe	0033cc	`#0033cc`

CIE-LAB	29.025, 58.85, -87.649
XYZ	12.303, 5.848, 61.45
xyY	0.155, 0.073, 5.848
CIE-LCH	29.025, 105.573, 303.878
CIE-LUV	29.025, -9.353, -106.881
Hunter-Lab	24.182, 48.492, -133.734
Binary	00001000, 00100010, 11010010

#0822d2
```
#0822d2 rgb(8,34,210)
```
#d2b808
```
#d2b808 rgb(210,184,8)
```

Complementary Color

#0887d2
```
#0887d2 rgb(8,135,210)
```
#0822d2
```
#0822d2 rgb(8,34,210)
```
#5308d2
```
#5308d2 rgb(83,8,210)
```

Analogous Color

#87d208
```
#87d208 rgb(135,210,8)
```
#0822d2
```
#0822d2 rgb(8,34,210)
```
#d25308
```
#d25308 rgb(210,83,8)
```

Split Complementary Color

#22d208
```
#22d208 rgb(34,210,8)
```
#0822d2
```
#0822d2 rgb(8,34,210)
```
#d20822
```
#d20822 rgb(210,8,34)
```

Triadic Color

#08d2b8
```
#08d2b8 rgb(8,210,184)
```
#0822d2
```
#0822d2 rgb(8,34,210)
```
#d20822
```
#d20822 rgb(210,8,34)
```
#d2b808
```
#d2b808 rgb(210,184,8)
```

Tetradic Color

#051688
```
#051688 rgb(5,22,136)
```
#061aa1
```
#061aa1 rgb(6,26,161)
```
#071eb9
```
#071eb9 rgb(7,30,185)
```
#0822d2
```
#0822d2 rgb(8,34,210)
```
#0926eb
```
#0926eb rgb(9,38,235)
```
#1734f6
```
#1734f6 rgb(23,52,246)
```
#2f49f7
```
#2f49f7 rgb(47,73,247)
```

Monochromatic Color

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

#0855d2
```
#0855d2 rgb(8,85,210)
```
#0844d2
```
#0844d2 rgb(8,68,210)
```
#0833d2
```
#0833d2 rgb(8,51,210)
```
#0822d2
```
#0822d2 rgb(8,34,210)
```
#0811d2
```
#0811d2 rgb(8,17,210)
```
#1008d2
```
#1008d2 rgb(16,8,210)
```
#2108d2
```
#2108d2 rgb(33,8,210)
```

Similar Colors

Text with hexadecimal color #0822d2

This text has a font color of #0822d2.

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

#0822d2 background color

This paragraph has a background color of #0822d2.

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

#0822d2 border color

This element has a border color of #0822d2.

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

CSS codes

.text {color:#0822d2;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#010315
```
#010315 rgb(1,3,21)
```
#020628
```
#020628 rgb(2,6,40)
```
#020a3b
```
#020a3b rgb(2,10,59)
```
#030d4e
```
#030d4e rgb(3,13,78)
```
#041061
```
#041061 rgb(4,16,97)
```
#041374
```
#041374 rgb(4,19,116)
```
#051686
```
#051686 rgb(5,22,134)
```
#061999
```
#061999 rgb(6,25,153)
```
#071cac
```
#071cac rgb(7,28,172)
```
#071fbf
```
#071fbf rgb(7,31,191)
```
#0822d2
```
#0822d2 rgb(8,34,210)
```
#0925e5
```
#0925e5 rgb(9,37,229)
```

Shade Color Variation

#0c2af6
```
#0c2af6 rgb(12,42,246)
```
#1e3af6
```
#1e3af6 rgb(30,58,246)
```
#314bf7
```
#314bf7 rgb(49,75,247)
```
#445bf8
```
#445bf8 rgb(68,91,248)
```
#576cf9
```
#576cf9 rgb(87,108,249)
```
#6a7cf9
```
#6a7cf9 rgb(106,124,249)
```
#7d8dfa
```
#7d8dfa rgb(125,141,250)
```
#909efb
```
#909efb rgb(144,158,251)
```
#a3aefb
```
#a3aefb rgb(163,174,251)
```
#b6bffc
```
#b6bffc rgb(182,191,252)
```
#c8cffd
```
#c8cffd rgb(200,207,253)
```
#dbe0fe
```
#dbe0fe rgb(219,224,254)
```
#eef0fe
```
#eef0fe rgb(238,240,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d6d6d is the less saturated color, while #0822d2 is the most saturated one.

#6d6d6d
```
#6d6d6d rgb(109,109,109)
```
#646676
```
#646676 rgb(100,102,118)
```
#5c607e
```
#5c607e rgb(92,96,126)
```
#535a87
```
#535a87 rgb(83,90,135)
```
#4b548f
```
#4b548f rgb(75,84,143)
```
#434e97
```
#434e97 rgb(67,78,151)
```
#3a47a0
```
#3a47a0 rgb(58,71,160)
```
#3241a8
```
#3241a8 rgb(50,65,168)
```
#2a3bb0
```
#2a3bb0 rgb(42,59,176)
```
#2135b9
```
#2135b9 rgb(33,53,185)
```
#192ec1
```
#192ec1 rgb(25,46,193)
```
#1028ca
```
#1028ca rgb(16,40,202)
```
#0822d2
```
#0822d2 rgb(8,34,210)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#262c4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b93 Protanopia 1% of men
#00507f Deuteranopia 1% of men
#005559 Tritanopia 0.001% of the population

Trichromacy

#023caa Protanomaly 1% of men, 0.01% of women
#023f9d Deuteranomaly 6% of men, 0.4% of women
#024385 Tritanomaly 0.01% of the population

#0822d2 hex color

#0822d2 Color Information

#0822d2 Color Conversion

Color Schemes with #0822d2

Alternatives to #0822d2

#0822d2 Preview

Shades and Tints of #0822d2

Tones of #0822d2

Color Blindness Simulator