#030aa0 hex color

In a RGB color space, hex #030aa0 is composed of 1.2% red, 3.9% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 98.1% cyan, 93.8% magenta, 0% yellow and 37.3% black. It has a hue angle of 237.3 degrees, a saturation of 96.3% and a lightness of 32%. #030aa0 color hex could be obtained by blending #0614ff with #000041. Closest websafe color is: #000099.

♥
- f
- t
- g
- R 1
- G 4
- B 63
RGB color chart
- C 98
- M 94
- Y 0
- K 37
CMYK color chart

● #030aa0 color description : Dark blue.

The hexadecimal color #030aa0 has RGB values of R:3, G:10, B:160 and CMYK values of C:0.98, M:0.94, Y:0, K:0.37. Its decimal value is 199328.

Hex triplet	030aa0	`#030aa0`
RGB Decimal	3, 10, 160	`rgb(3,10,160)`
RGB Percent	1.2, 3.9, 62.7	`rgb(1.2%,3.9%,62.7%)`
CMYK	98, 94, 0, 37
HSL	237.3°, 96.3, 32	`hsl(237.3,96.3%,32%)`
HSV (or HSB)	237.3°, 98.1, 62.7
Web Safe	000099	`#000099`

CIE-LAB	19.115, 53.006, -74.406
XYZ	6.49, 2.774, 33.449
xyY	0.152, 0.065, 2.774
CIE-LCH	19.115, 91.356, 305.466
CIE-LUV	19.115, -5.706, -74.587
Hunter-Lab	16.655, 40.408, -107.414
Binary	00000011, 00001010, 10100000

#030aa0
```
#030aa0 rgb(3,10,160)
```
#a09903
```
#a09903 rgb(160,153,3)
```

Complementary Color

#0359a0
```
#0359a0 rgb(3,89,160)
```
#030aa0
```
#030aa0 rgb(3,10,160)
```
#4a03a0
```
#4a03a0 rgb(74,3,160)
```

Analogous Color

#59a003
```
#59a003 rgb(89,160,3)
```
#030aa0
```
#030aa0 rgb(3,10,160)
```
#a04a03
```
#a04a03 rgb(160,74,3)
```

Split Complementary Color

#0aa003
```
#0aa003 rgb(10,160,3)
```
#030aa0
```
#030aa0 rgb(3,10,160)
```
#a0030a
```
#a0030a rgb(160,3,10)
```

Triadic Color

#03a099
```
#03a099 rgb(3,160,153)
```
#030aa0
```
#030aa0 rgb(3,10,160)
```
#a0030a
```
#a0030a rgb(160,3,10)
```
#a09903
```
#a09903 rgb(160,153,3)
```

Tetradic Color

#020555
```
#020555 rgb(2,5,85)
```
#02076e
```
#02076e rgb(2,7,110)
```
#030887
```
#030887 rgb(3,8,135)
```
#030aa0
```
#030aa0 rgb(3,10,160)
```
#030cb9
```
#030cb9 rgb(3,12,185)
```
#040dd2
```
#040dd2 rgb(4,13,210)
```
#040feb
```
#040feb rgb(4,15,235)
```

Monochromatic Color

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

#0331a0
```
#0331a0 rgb(3,49,160)
```
#0324a0
```
#0324a0 rgb(3,36,160)
```
#0317a0
```
#0317a0 rgb(3,23,160)
```
#030aa0
```
#030aa0 rgb(3,10,160)
```
#0903a0
```
#0903a0 rgb(9,3,160)
```
#1603a0
```
#1603a0 rgb(22,3,160)
```
#2303a0
```
#2303a0 rgb(35,3,160)
```

Similar Colors

Text with hexadecimal color #030aa0

This text has a font color of #030aa0.

<span style="color:#030aa0;">Text here</span>

#030aa0 background color

This paragraph has a background color of #030aa0.

<p style="background-color:#030aa0;">Content here</p>

#030aa0 border color

This element has a border color of #030aa0.

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

CSS codes

.text {color:#030aa0;}

.background {background-color:#030aa0;}

.border {border:1px solid #030aa0;}

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

#000006
```
#000006 rgb(0,0,6)
```
#000219
```
#000219 rgb(0,2,25)
```
#01032c
```
#01032c rgb(1,3,44)
```
#010440
```
#010440 rgb(1,4,64)
```
#020553
```
#020553 rgb(2,5,83)
```
#020666
```
#020666 rgb(2,6,102)
```
#020879
```
#020879 rgb(2,8,121)
```
#03098d
```
#03098d rgb(3,9,141)
```
#030aa0
```
#030aa0 rgb(3,10,160)
```
#030bb3
```
#030bb3 rgb(3,11,179)
```
#040cc7
```
#040cc7 rgb(4,12,199)
```
#040eda
```
#040eda rgb(4,14,218)
```
#040fed
```
#040fed rgb(4,15,237)
```

Shade Color Variation

#0b15fa
```
#0b15fa rgb(11,21,250)
```
#1e28fb
```
#1e28fb rgb(30,40,251)
```
#313afb
```
#313afb rgb(49,58,251)
```
#444dfc
```
#444dfc rgb(68,77,252)
```
#585ffc
```
#585ffc rgb(88,95,252)
```
#6b71fc
```
#6b71fc rgb(107,113,252)
```
#7e84fd
```
#7e84fd rgb(126,132,253)
```
#9196fd
```
#9196fd rgb(145,150,253)
```
#a5a9fd
```
#a5a9fd rgb(165,169,253)
```
#b8bbfe
```
#b8bbfe rgb(184,187,254)
```
#cbcdfe
```
#cbcdfe rgb(203,205,254)
```
#dee0fe
```
#dee0fe rgb(222,224,254)
```
#f2f2ff
```
#f2f2ff rgb(242,242,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e4f55 is the less saturated color, while #030aa0 is the most saturated one.

#4e4f55
```
#4e4f55 rgb(78,79,85)
```
#48495b
```
#48495b rgb(72,73,91)
```
#424361
```
#424361 rgb(66,67,97)
```
#3b3d68
```
#3b3d68 rgb(59,61,104)
```
#35386e
```
#35386e rgb(53,56,110)
```
#2f3274
```
#2f3274 rgb(47,50,116)
```
#292c7a
```
#292c7a rgb(41,44,122)
```
#222781
```
#222781 rgb(34,39,129)
```
#1c2187
```
#1c2187 rgb(28,33,135)
```
#161b8d
```
#161b8d rgb(22,27,141)
```
#101593
```
#101593 rgb(16,21,147)
```
#09109a
```
#09109a rgb(9,16,154)
```
#030aa0
```
#030aa0 rgb(3,10,160)
```

Tone Color Variation

Below, you can see how #030aa0 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

#191919 Achromatopsia 0.005% of the population
#151634 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00376b Protanopia 1% of men
#003b5c Deuteranopia 1% of men
#003f41 Tritanopia 0.001% of the population

Trichromacy

#01277e Protanomaly 1% of men, 0.01% of women
#012975 Deuteranomaly 6% of men, 0.4% of women
#012b63 Tritanomaly 0.01% of the population

#030aa0 hex color

#030aa0 Color Information

#030aa0 Color Conversion

Color Schemes with #030aa0

Alternatives to #030aa0

#030aa0 Preview

Shades and Tints of #030aa0

Tones of #030aa0

Color Blindness Simulator