#0a30a2 hex color

In a RGB color space, hex #0a30a2 is composed of 3.9% red, 18.8% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 93.8% cyan, 70.4% magenta, 0% yellow and 36.5% black. It has a hue angle of 225 degrees, a saturation of 88.4% and a lightness of 33.7%. #0a30a2 color hex could be obtained by blending #1460ff with #000045. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 4
- G 19
- B 64
RGB color chart
- C 94
- M 70
- Y 0
- K 36
CMYK color chart

● #0a30a2 color description : Dark blue.

The hexadecimal color #0a30a2 has RGB values of R:10, G:48, B:162 and CMYK values of C:0.94, M:0.7, Y:0, K:0.36. Its decimal value is 667810.

Hex triplet	0a30a2	`#0a30a2`
RGB Decimal	10, 48, 162	`rgb(10,48,162)`
RGB Percent	3.9, 18.8, 63.5	`rgb(3.9%,18.8%,63.5%)`
CMYK	94, 70, 0, 36
HSL	225°, 88.4, 33.7	`hsl(225,88.4%,33.7%)`
HSV (or HSB)	225°, 93.8, 63.5
Web Safe	003399	`#003399`

CIE-LAB	26.117, 34.83, -63.993
XYZ	7.702, 4.786, 34.698
xyY	0.163, 0.101, 4.786
CIE-LCH	26.117, 72.857, 298.559
CIE-LUV	26.117, -10.195, -79.347
Hunter-Lab	21.878, 24.556, -78.719
Binary	00001010, 00110000, 10100010

#0a30a2
```
#0a30a2 rgb(10,48,162)
```
#a27c0a
```
#a27c0a rgb(162,124,10)
```

Complementary Color

#0a7ca2
```
#0a7ca2 rgb(10,124,162)
```
#0a30a2
```
#0a30a2 rgb(10,48,162)
```
#300aa2
```
#300aa2 rgb(48,10,162)
```

Analogous Color

#7ca20a
```
#7ca20a rgb(124,162,10)
```
#0a30a2
```
#0a30a2 rgb(10,48,162)
```
#a2300a
```
#a2300a rgb(162,48,10)
```

Split Complementary Color

#30a20a
```
#30a20a rgb(48,162,10)
```
#0a30a2
```
#0a30a2 rgb(10,48,162)
```
#a20a30
```
#a20a30 rgb(162,10,48)
```

Triadic Color

#0aa27c
```
#0aa27c rgb(10,162,124)
```
#0a30a2
```
#0a30a2 rgb(10,48,162)
```
#a20a30
```
#a20a30 rgb(162,10,48)
```
#a27c0a
```
#a27c0a rgb(162,124,10)
```

Tetradic Color

#061b5a
```
#061b5a rgb(6,27,90)
```
#072272
```
#072272 rgb(7,34,114)
```
#09298a
```
#09298a rgb(9,41,138)
```
#0a30a2
```
#0a30a2 rgb(10,48,162)
```
#0b37ba
```
#0b37ba rgb(11,55,186)
```
#0d3ed2
```
#0d3ed2 rgb(13,62,210)
```
#0e45ea
```
#0e45ea rgb(14,69,234)
```

Monochromatic Color

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

#0a56a2
```
#0a56a2 rgb(10,86,162)
```
#0a49a2
```
#0a49a2 rgb(10,73,162)
```
#0a3da2
```
#0a3da2 rgb(10,61,162)
```
#0a30a2
```
#0a30a2 rgb(10,48,162)
```
#0a23a2
```
#0a23a2 rgb(10,35,162)
```
#0a17a2
```
#0a17a2 rgb(10,23,162)
```
#0a0aa2
```
#0a0aa2 rgb(10,10,162)
```

Similar Colors

Text with hexadecimal color #0a30a2

This text has a font color of #0a30a2.

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

#0a30a2 background color

This paragraph has a background color of #0a30a2.

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

#0a30a2 border color

This element has a border color of #0a30a2.

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

CSS codes

.text {color:#0a30a2;}

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

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

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, #01040e is the darkest color, while #fbfcff is the lightest one.

#01040e
```
#01040e rgb(1,4,14)
```
#020a21
```
#020a21 rgb(2,10,33)
```
#030f33
```
#030f33 rgb(3,15,51)
```
#041546
```
#041546 rgb(4,21,70)
```
#051a58
```
#051a58 rgb(5,26,88)
```
#07206b
```
#07206b rgb(7,32,107)
```
#08257d
```
#08257d rgb(8,37,125)
```
#092b90
```
#092b90 rgb(9,43,144)
```
#0a30a2
```
#0a30a2 rgb(10,48,162)
```
#0b35b4
```
#0b35b4 rgb(11,53,180)
```
#0c3bc7
```
#0c3bc7 rgb(12,59,199)
```
#0d40d9
```
#0d40d9 rgb(13,64,217)
```
#0f46ec
```
#0f46ec rgb(15,70,236)
```

Shade Color Variation

#1d52f1
```
#1d52f1 rgb(29,82,241)
```
#3060f2
```
#3060f2 rgb(48,96,242)
```
#426ef3
```
#426ef3 rgb(66,110,243)
```
#547cf4
```
#547cf4 rgb(84,124,244)
```
#678bf6
```
#678bf6 rgb(103,139,246)
```
#7999f7
```
#7999f7 rgb(121,153,247)
```
#8ca7f8
```
#8ca7f8 rgb(140,167,248)
```
#9eb5f9
```
#9eb5f9 rgb(158,181,249)
```
#b1c3fa
```
#b1c3fa rgb(177,195,250)
```
#c3d1fb
```
#c3d1fb rgb(195,209,251)
```
#d6dffc
```
#d6dffc rgb(214,223,252)
```
#e8eefe
```
#e8eefe rgb(232,238,254)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#535459
```
#535459 rgb(83,84,89)
```
#4c5160
```
#4c5160 rgb(76,81,96)
```
#464e66
```
#464e66 rgb(70,78,102)
```
#3f4a6d
```
#3f4a6d rgb(63,74,109)
```
#384774
```
#384774 rgb(56,71,116)
```
#32447a
```
#32447a rgb(50,68,122)
```
#2b4181
```
#2b4181 rgb(43,65,129)
```
#243d88
```
#243d88 rgb(36,61,136)
```
#1e3a8e
```
#1e3a8e rgb(30,58,142)
```
#173795
```
#173795 rgb(23,55,149)
```
#11339b
```
#11339b rgb(17,51,155)
```
#0a30a2
```
#0a30a2 rgb(10,48,162)
```
#032da9
```
#032da9 rgb(3,45,169)
```

Tone Color Variation

Below, you can see how #0a30a2 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
#2a3248 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004587 Protanopia 1% of men
#004975 Deuteranopia 1% of men
#004f52 Tritanopia 0.001% of the population

Trichromacy

#033d91 Protanomaly 1% of men, 0.01% of women
#034085 Deuteranomaly 6% of men, 0.4% of women
#03436f Tritanomaly 0.01% of the population

#0a30a2 hex color

#0a30a2 Color Information

#0a30a2 Color Conversion

Color Schemes with #0a30a2

Alternatives to #0a30a2

#0a30a2 Preview

Shades and Tints of #0a30a2

Tones of #0a30a2

Color Blindness Simulator