#0a2aff hex color

In a RGB color space, hex #0a2aff is composed of 3.9% red, 16.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 96.1% cyan, 83.5% magenta, 0% yellow and 0% black. It has a hue angle of 232.2 degrees, a saturation of 100% and a lightness of 52%. #0a2aff color hex could be obtained by blending #1454ff with #0000ff. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 4
- G 16
- B 100
RGB color chart
- C 96
- M 84
- Y 0
- K 0
CMYK color chart

● #0a2aff color description : Vivid blue.

The hexadecimal color #0a2aff has RGB values of R:10, G:42, B:255 and CMYK values of C:0.96, M:0.84, Y:0, K:0. Its decimal value is 666367.

Hex triplet	0a2aff	`#0a2aff`
RGB Decimal	10, 42, 255	`rgb(10,42,255)`
RGB Percent	3.9, 16.5, 100	`rgb(3.9%,16.5%,100%)`
CMYK	96, 84, 0, 0
HSL	232.2°, 100, 52	`hsl(232.2,100%,52%)`
HSV (or HSB)	232.2°, 96.1, 100
Web Safe	0033ff	`#0033ff`

CIE-LAB	35.866, 68.789, -101.904
XYZ	18.999, 8.939, 95.326
xyY	0.154, 0.073, 8.939
CIE-LCH	35.866, 122.948, 304.021
CIE-LUV	35.866, -11.539, -132.934
Hunter-Lab	29.898, 61.111, -168.11
Binary	00001010, 00101010, 11111111

#0a2aff
```
#0a2aff rgb(10,42,255)
```
#ffdf0a
```
#ffdf0a rgb(255,223,10)
```

Complementary Color

#0aa5ff
```
#0aa5ff rgb(10,165,255)
```
#0a2aff
```
#0a2aff rgb(10,42,255)
```
#650aff
```
#650aff rgb(101,10,255)
```

Analogous Color

#a5ff0a
```
#a5ff0a rgb(165,255,10)
```
#0a2aff
```
#0a2aff rgb(10,42,255)
```
#ff650a
```
#ff650a rgb(255,101,10)
```

Split Complementary Color

#2aff0a
```
#2aff0a rgb(42,255,10)
```
#0a2aff
```
#0a2aff rgb(10,42,255)
```
#ff0a2a
```
#ff0a2a rgb(255,10,42)
```

Triadic Color

#0affdf
```
#0affdf rgb(10,255,223)
```
#0a2aff
```
#0a2aff rgb(10,42,255)
```
#ff0a2a
```
#ff0a2a rgb(255,10,42)
```
#ffdf0a
```
#ffdf0a rgb(255,223,10)
```

Tetradic Color

#0019bd
```
#0019bd rgb(0,25,189)
```
#001cd6
```
#001cd6 rgb(0,28,214)
```
#001ff0
```
#001ff0 rgb(0,31,240)
```
#0a2aff
```
#0a2aff rgb(10,42,255)
```
#2440ff
```
#2440ff rgb(36,64,255)
```
#3d56ff
```
#3d56ff rgb(61,86,255)
```
#576dff
```
#576dff rgb(87,109,255)
```

Monochromatic Color

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

#0a67ff
```
#0a67ff rgb(10,103,255)
```
#0a53ff
```
#0a53ff rgb(10,83,255)
```
#0a3eff
```
#0a3eff rgb(10,62,255)
```
#0a2aff
```
#0a2aff rgb(10,42,255)
```
#0a16ff
```
#0a16ff rgb(10,22,255)
```
#130aff
```
#130aff rgb(19,10,255)
```
#270aff
```
#270aff rgb(39,10,255)
```

Similar Colors

Text with hexadecimal color #0a2aff

This text has a font color of #0a2aff.

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

#0a2aff background color

This paragraph has a background color of #0a2aff.

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

#0a2aff border color

This element has a border color of #0a2aff.

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

CSS codes

.text {color:#0a2aff;}

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

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

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, #00010a is the darkest color, while #f5f7ff is the lightest one.

#00010a
```
#00010a rgb(0,1,10)
```
#00041e
```
#00041e rgb(0,4,30)
```
#000631
```
#000631 rgb(0,6,49)
```
#000945
```
#000945 rgb(0,9,69)
```
#000c58
```
#000c58 rgb(0,12,88)
```
#000e6c
```
#000e6c rgb(0,14,108)
```
#001180
```
#001180 rgb(0,17,128)
```
#001393
```
#001393 rgb(0,19,147)
```
#0016a7
```
#0016a7 rgb(0,22,167)
```
#0018bb
```
#0018bb rgb(0,24,187)
```
#001bce
```
#001bce rgb(0,27,206)
```
#001de2
```
#001de2 rgb(0,29,226)
```
#0020f5
```
#0020f5 rgb(0,32,245)
```

Shade Color Variation

#0a2aff
```
#0a2aff rgb(10,42,255)
```
#1e3bff
```
#1e3bff rgb(30,59,255)
```
#314cff
```
#314cff rgb(49,76,255)
```
#455dff
```
#455dff rgb(69,93,255)
```
#586eff
```
#586eff rgb(88,110,255)
```
#6c7fff
```
#6c7fff rgb(108,127,255)
```
#8090ff
```
#8090ff rgb(128,144,255)
```
#93a1ff
```
#93a1ff rgb(147,161,255)
```
#a7b2ff
```
#a7b2ff rgb(167,178,255)
```
#bbc3ff
```
#bbc3ff rgb(187,195,255)
```
#ced5ff
```
#ced5ff rgb(206,213,255)
```
#e2e6ff
```
#e2e6ff rgb(226,230,255)
```
#f5f7ff
```
#f5f7ff rgb(245,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7e8e is the less saturated color, while #0a2aff is the most saturated one.

#7b7e8e
```
#7b7e8e rgb(123,126,142)
```
#727797
```
#727797 rgb(114,119,151)
```
#6870a1
```
#6870a1 rgb(104,112,161)
```
#5f69aa
```
#5f69aa rgb(95,105,170)
```
#5562b4
```
#5562b4 rgb(85,98,180)
```
#4c5bbd
```
#4c5bbd rgb(76,91,189)
```
#4354c6
```
#4354c6 rgb(67,84,198)
```
#394dd0
```
#394dd0 rgb(57,77,208)
```
#3046d9
```
#3046d9 rgb(48,70,217)
```
#263fe3
```
#263fe3 rgb(38,63,227)
```
#1d38ec
```
#1d38ec rgb(29,56,236)
```
#1331f6
```
#1331f6 rgb(19,49,246)
```
#0a2aff
```
#0a2aff rgb(10,42,255)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#303661 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aaf Protanopia 1% of men
#006097 Deuteranopia 1% of men
#00666a Tritanopia 0.001% of the population

Trichromacy

#0348cc Protanomaly 1% of men, 0.01% of women
#034cbd Deuteranomaly 6% of men, 0.4% of women
#0350a0 Tritanomaly 0.01% of the population

#0a2aff hex color

#0a2aff Color Information

#0a2aff Color Conversion

Color Schemes with #0a2aff

Alternatives to #0a2aff

#0a2aff Preview

Shades and Tints of #0a2aff

Tones of #0a2aff

Color Blindness Simulator