#0a20f2 hex color

In a RGB color space, hex #0a20f2 is composed of 3.9% red, 12.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 95.9% cyan, 86.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 234.3 degrees, a saturation of 92.1% and a lightness of 49.4%. #0a20f2 color hex could be obtained by blending #1440ff with #0000e5. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 4
- G 13
- B 95
RGB color chart
- C 96
- M 87
- Y 0
- K 5
CMYK color chart

● #0a20f2 color description : Vivid blue.

The hexadecimal color #0a20f2 has RGB values of R:10, G:32, B:242 and CMYK values of C:0.96, M:0.87, Y:0, K:0.05. Its decimal value is 663794.

Hex triplet	0a20f2	`#0a20f2`
RGB Decimal	10, 32, 242	`rgb(10,32,242)`
RGB Percent	3.9, 12.5, 94.9	`rgb(3.9%,12.5%,94.9%)`
CMYK	96, 87, 0, 5
HSL	234.3°, 92.1, 49.4	`hsl(234.3,92.1%,49.4%)`
HSV (or HSB)	234.3°, 95.9, 94.9
Web Safe	0033ff	`#0033ff`

CIE-LAB	32.934, 68.929, -99.474
XYZ	16.665, 7.507, 84.57
xyY	0.153, 0.069, 7.507
CIE-LCH	32.934, 121.022, 304.719
CIE-LUV	32.934, -10.181, -124.986
Hunter-Lab	27.399, 60.625, -163.826
Binary	00001010, 00100000, 11110010

#0a20f2
```
#0a20f2 rgb(10,32,242)
```
#f2dc0a
```
#f2dc0a rgb(242,220,10)
```

Complementary Color

#0a94f2
```
#0a94f2 rgb(10,148,242)
```
#0a20f2
```
#0a20f2 rgb(10,32,242)
```
#680af2
```
#680af2 rgb(104,10,242)
```

Analogous Color

#94f20a
```
#94f20a rgb(148,242,10)
```
#0a20f2
```
#0a20f2 rgb(10,32,242)
```
#f2680a
```
#f2680a rgb(242,104,10)
```

Split Complementary Color

#20f20a
```
#20f20a rgb(32,242,10)
```
#0a20f2
```
#0a20f2 rgb(10,32,242)
```
#f20a20
```
#f20a20 rgb(242,10,32)
```

Triadic Color

#0af2dc
```
#0af2dc rgb(10,242,220)
```
#0a20f2
```
#0a20f2 rgb(10,32,242)
```
#f20a20
```
#f20a20 rgb(242,10,32)
```
#f2dc0a
```
#f2dc0a rgb(242,220,10)
```

Tetradic Color

#0716a9
```
#0716a9 rgb(7,22,169)
```
#081ac1
```
#081ac1 rgb(8,26,193)
```
#091dda
```
#091dda rgb(9,29,218)
```
#0a20f2
```
#0a20f2 rgb(10,32,242)
```
#2034f6
```
#2034f6 rgb(32,52,246)
```
#384af7
```
#384af7 rgb(56,74,247)
```
#5161f8
```
#5161f8 rgb(81,97,248)
```

Monochromatic Color

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

#0a5af2
```
#0a5af2 rgb(10,90,242)
```
#0a47f2
```
#0a47f2 rgb(10,71,242)
```
#0a33f2
```
#0a33f2 rgb(10,51,242)
```
#0a20f2
```
#0a20f2 rgb(10,32,242)
```
#0a0df2
```
#0a0df2 rgb(10,13,242)
```
#1b0af2
```
#1b0af2 rgb(27,10,242)
```
#2e0af2
```
#2e0af2 rgb(46,10,242)
```

Similar Colors

Text with hexadecimal color #0a20f2

This text has a font color of #0a20f2.

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

#0a20f2 background color

This paragraph has a background color of #0a20f2.

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

#0a20f2 border color

This element has a border color of #0a20f2.

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

CSS codes

.text {color:#0a20f2;}

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

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

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

#010210
```
#010210 rgb(1,2,16)
```
#010523
```
#010523 rgb(1,5,35)
```
#020736
```
#020736 rgb(2,7,54)
```
#030a48
```
#030a48 rgb(3,10,72)
```
#040c5b
```
#040c5b rgb(4,12,91)
```
#050f6e
```
#050f6e rgb(5,15,110)
```
#051181
```
#051181 rgb(5,17,129)
```
#061494
```
#061494 rgb(6,20,148)
```
#0716a7
```
#0716a7 rgb(7,22,167)
```
#0819b9
```
#0819b9 rgb(8,25,185)
```
#081bcc
```
#081bcc rgb(8,27,204)
```
#091edf
```
#091edf rgb(9,30,223)
```
#0a20f2
```
#0a20f2 rgb(10,32,242)
```

Shade Color Variation

#1a2ff6
```
#1a2ff6 rgb(26,47,246)
```
#2d40f6
```
#2d40f6 rgb(45,64,246)
```
#4051f7
```
#4051f7 rgb(64,81,247)
```
#5362f8
```
#5362f8 rgb(83,98,248)
```
#6573f9
```
#6573f9 rgb(101,115,249)
```
#7885f9
```
#7885f9 rgb(120,133,249)
```
#8b96fa
```
#8b96fa rgb(139,150,250)
```
#9ea7fb
```
#9ea7fb rgb(158,167,251)
```
#b1b8fc
```
#b1b8fc rgb(177,184,252)
```
#c4c9fd
```
#c4c9fd rgb(196,201,253)
```
#d6dafd
```
#d6dafd rgb(214,218,253)
```
#e9ebfe
```
#e9ebfe rgb(233,235,254)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#757687
```
#757687 rgb(117,118,135)
```
#6b6f91
```
#6b6f91 rgb(107,111,145)
```
#61679b
```
#61679b rgb(97,103,155)
```
#585fa4
```
#585fa4 rgb(88,95,164)
```
#4e57ae
```
#4e57ae rgb(78,87,174)
```
#444fb8
```
#444fb8 rgb(68,79,184)
```
#3a47c2
```
#3a47c2 rgb(58,71,194)
```
#313fcb
```
#313fcb rgb(49,63,203)
```
#2738d5
```
#2738d5 rgb(39,56,213)
```
#1d30df
```
#1d30df rgb(29,48,223)
```
#1428e8
```
#1428e8 rgb(20,40,232)
```
#0a20f2
```
#0a20f2 rgb(10,32,242)
```
#0018fc
```
#0018fc rgb(0,24,252)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#292e58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a3 Protanopia 1% of men
#00598c Deuteranopia 1% of men
#005f63 Tritanopia 0.001% of the population

Trichromacy

#0341bf Protanomaly 1% of men, 0.01% of women
#0344b1 Deuteranomaly 6% of men, 0.4% of women
#034897 Tritanomaly 0.01% of the population

#0a20f2 hex color

#0a20f2 Color Information

#0a20f2 Color Conversion

Color Schemes with #0a20f2

Alternatives to #0a20f2

#0a20f2 Preview

Shades and Tints of #0a20f2

Tones of #0a20f2

Color Blindness Simulator