#0a22ed hex color

In a RGB color space, hex #0a22ed is composed of 3.9% red, 13.3% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 95.8% cyan, 85.7% magenta, 0% yellow and 7.1% black. It has a hue angle of 233.7 degrees, a saturation of 91.9% and a lightness of 48.4%. #0a22ed color hex could be obtained by blending #1444ff with #0000db. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 4
- G 13
- B 93
RGB color chart
- C 96
- M 86
- Y 0
- K 7
CMYK color chart

● #0a22ed color description : Vivid blue.

The hexadecimal color #0a22ed has RGB values of R:10, G:34, B:237 and CMYK values of C:0.96, M:0.86, Y:0, K:0.07. Its decimal value is 664301.

Hex triplet	0a22ed	`#0a22ed`
RGB Decimal	10, 34, 237	`rgb(10,34,237)`
RGB Percent	3.9, 13.3, 92.9	`rgb(3.9%,13.3%,92.9%)`
CMYK	96, 86, 0, 7
HSL	233.7°, 91.9, 48.4	`hsl(233.7,91.9%,48.4%)`
HSV (or HSB)	233.7°, 95.8, 92.9
Web Safe	0033ff	`#0033ff`

CIE-LAB	32.528, 66.789, -97.316
XYZ	15.98, 7.322, 80.687
xyY	0.154, 0.07, 7.322
CIE-LCH	32.528, 118.031, 304.462
CIE-LUV	32.528, -10.183, -122.297
Hunter-Lab	27.059, 58.065, -157.857
Binary	00001010, 00100010, 11101101

#0a22ed
```
#0a22ed rgb(10,34,237)
```
#edd50a
```
#edd50a rgb(237,213,10)
```

Complementary Color

#0a94ed
```
#0a94ed rgb(10,148,237)
```
#0a22ed
```
#0a22ed rgb(10,34,237)
```
#640aed
```
#640aed rgb(100,10,237)
```

Analogous Color

#94ed0a
```
#94ed0a rgb(148,237,10)
```
#0a22ed
```
#0a22ed rgb(10,34,237)
```
#ed640a
```
#ed640a rgb(237,100,10)
```

Split Complementary Color

#22ed0a
```
#22ed0a rgb(34,237,10)
```
#0a22ed
```
#0a22ed rgb(10,34,237)
```
#ed0a22
```
#ed0a22 rgb(237,10,34)
```

Triadic Color

#0aedd5
```
#0aedd5 rgb(10,237,213)
```
#0a22ed
```
#0a22ed rgb(10,34,237)
```
#ed0a22
```
#ed0a22 rgb(237,10,34)
```
#edd50a
```
#edd50a rgb(237,213,10)
```

Tetradic Color

#0717a4
```
#0717a4 rgb(7,23,164)
```
#081bbc
```
#081bbc rgb(8,27,188)
```
#091ed5
```
#091ed5 rgb(9,30,213)
```
#0a22ed
```
#0a22ed rgb(10,34,237)
```
#1b32f5
```
#1b32f5 rgb(27,50,245)
```
#3448f6
```
#3448f6 rgb(52,72,246)
```
#4c5ef7
```
#4c5ef7 rgb(76,94,247)
```

Monochromatic Color

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

#0a5bed
```
#0a5bed rgb(10,91,237)
```
#0a48ed
```
#0a48ed rgb(10,72,237)
```
#0a35ed
```
#0a35ed rgb(10,53,237)
```
#0a22ed
```
#0a22ed rgb(10,34,237)
```
#0a0fed
```
#0a0fed rgb(10,15,237)
```
#180aed
```
#180aed rgb(24,10,237)
```
#2b0aed
```
#2b0aed rgb(43,10,237)
```

Similar Colors

Text with hexadecimal color #0a22ed

This text has a font color of #0a22ed.

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

#0a22ed background color

This paragraph has a background color of #0a22ed.

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

#0a22ed border color

This element has a border color of #0a22ed.

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

CSS codes

.text {color:#0a22ed;}

.background {background-color:#0a22ed;}

.border {border:1px solid #0a22ed;}

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)
```
#01041e
```
#01041e rgb(1,4,30)
```
#020731
```
#020731 rgb(2,7,49)
```
#030a44
```
#030a44 rgb(3,10,68)
```
#040c56
```
#040c56 rgb(4,12,86)
```
#040f69
```
#040f69 rgb(4,15,105)
```
#05127c
```
#05127c rgb(5,18,124)
```
#06148f
```
#06148f rgb(6,20,143)
```
#0717a2
```
#0717a2 rgb(7,23,162)
```
#081ab5
```
#081ab5 rgb(8,26,181)
```
#081dc7
```
#081dc7 rgb(8,29,199)
```
#091fda
```
#091fda rgb(9,31,218)
```
#0a22ed
```
#0a22ed rgb(10,34,237)
```

Shade Color Variation

#152df5
```
#152df5 rgb(21,45,245)
```
#283ef6
```
#283ef6 rgb(40,62,246)
```
#3b4ff7
```
#3b4ff7 rgb(59,79,247)
```
#4e60f8
```
#4e60f8 rgb(78,96,248)
```
#6171f8
```
#6171f8 rgb(97,113,248)
```
#7482f9
```
#7482f9 rgb(116,130,249)
```
#8693fa
```
#8693fa rgb(134,147,250)
```
#99a4fb
```
#99a4fb rgb(153,164,251)
```
#acb4fb
```
#acb4fb rgb(172,180,251)
```
#bfc5fc
```
#bfc5fc rgb(191,197,252)
```
#d2d6fd
```
#d2d6fd rgb(210,214,253)
```
#e5e7fe
```
#e5e7fe rgb(229,231,254)
```
#f7f8ff
```
#f7f8ff rgb(247,248,255)
```

Tint Color Variation

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

#737485
```
#737485 rgb(115,116,133)
```
#696d8e
```
#696d8e rgb(105,109,142)
```
#606598
```
#606598 rgb(96,101,152)
```
#565ea1
```
#565ea1 rgb(86,94,161)
```
#4d56ab
```
#4d56ab rgb(77,86,171)
```
#434fb4
```
#434fb4 rgb(67,79,180)
```
#3a47be
```
#3a47be rgb(58,71,190)
```
#3040c7
```
#3040c7 rgb(48,64,199)
```
#2738d1
```
#2738d1 rgb(39,56,209)
```
#1d31da
```
#1d31da rgb(29,49,218)
```
#1429e4
```
#1429e4 rgb(20,41,228)
```
#0a22ed
```
#0a22ed rgb(10,34,237)
```
#001bf7
```
#001bf7 rgb(0,27,247)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#2a2f57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a1 Protanopia 1% of men
#00588b Deuteranopia 1% of men
#005e62 Tritanopia 0.001% of the population

Trichromacy

#0341bd Protanomaly 1% of men, 0.01% of women
#0344ae Deuteranomaly 6% of men, 0.4% of women
#034894 Tritanomaly 0.01% of the population

#0a22ed hex color

#0a22ed Color Information

#0a22ed Color Conversion

Color Schemes with #0a22ed

Alternatives to #0a22ed

#0a22ed Preview

Shades and Tints of #0a22ed

Tones of #0a22ed

Color Blindness Simulator