#034aa0 hex color

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

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

● #034aa0 color description : Dark blue.

The hexadecimal color #034aa0 has RGB values of R:3, G:74, B:160 and CMYK values of C:0.98, M:0.54, Y:0, K:0.37. Its decimal value is 215712.

Hex triplet	034aa0	`#034aa0`
RGB Decimal	3, 74, 160	`rgb(3,74,160)`
RGB Percent	1.2, 29, 62.7	`rgb(1.2%,29%,62.7%)`
CMYK	98, 54, 0, 37
HSL	212.9°, 96.3, 32	`hsl(212.9,96.3%,32%)`
HSV (or HSB)	212.9°, 98.1, 62.7
Web Safe	003399	`#003399`

CIE-LAB	32.819, 16.025, -51.819
XYZ	8.83, 7.454, 34.229
xyY	0.175, 0.148, 7.454
CIE-LCH	32.819, 54.241, 287.184
CIE-LUV	32.819, -16.933, -71.652
Hunter-Lab	27.302, 9.951, -55.221
Binary	00000011, 01001010, 10100000

#034aa0
```
#034aa0 rgb(3,74,160)
```
#a05903
```
#a05903 rgb(160,89,3)
```

Complementary Color

#0399a0
```
#0399a0 rgb(3,153,160)
```
#034aa0
```
#034aa0 rgb(3,74,160)
```
#0a03a0
```
#0a03a0 rgb(10,3,160)
```

Analogous Color

#99a003
```
#99a003 rgb(153,160,3)
```
#034aa0
```
#034aa0 rgb(3,74,160)
```
#a00a03
```
#a00a03 rgb(160,10,3)
```

Split Complementary Color

#4aa003
```
#4aa003 rgb(74,160,3)
```
#034aa0
```
#034aa0 rgb(3,74,160)
```
#a0034a
```
#a0034a rgb(160,3,74)
```

Triadic Color

#03a059
```
#03a059 rgb(3,160,89)
```
#034aa0
```
#034aa0 rgb(3,74,160)
```
#a0034a
```
#a0034a rgb(160,3,74)
```
#a05903
```
#a05903 rgb(160,89,3)
```

Tetradic Color

#022755
```
#022755 rgb(2,39,85)
```
#02336e
```
#02336e rgb(2,51,110)
```
#033e87
```
#033e87 rgb(3,62,135)
```
#034aa0
```
#034aa0 rgb(3,74,160)
```
#0356b9
```
#0356b9 rgb(3,86,185)
```
#0461d2
```
#0461d2 rgb(4,97,210)
```
#046deb
```
#046deb rgb(4,109,235)
```

Monochromatic Color

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

#0371a0
```
#0371a0 rgb(3,113,160)
```
#0364a0
```
#0364a0 rgb(3,100,160)
```
#0357a0
```
#0357a0 rgb(3,87,160)
```
#034aa0
```
#034aa0 rgb(3,74,160)
```
#033da0
```
#033da0 rgb(3,61,160)
```
#0330a0
```
#0330a0 rgb(3,48,160)
```
#0323a0
```
#0323a0 rgb(3,35,160)
```

Similar Colors

Text with hexadecimal color #034aa0

This text has a font color of #034aa0.

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

#034aa0 background color

This paragraph has a background color of #034aa0.

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

#034aa0 border color

This element has a border color of #034aa0.

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

CSS codes

.text {color:#034aa0;}

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

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

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

#000306
```
#000306 rgb(0,3,6)
```
#000c19
```
#000c19 rgb(0,12,25)
```
#01152c
```
#01152c rgb(1,21,44)
```
#011d40
```
#011d40 rgb(1,29,64)
```
#022653
```
#022653 rgb(2,38,83)
```
#022f66
```
#022f66 rgb(2,47,102)
```
#023879
```
#023879 rgb(2,56,121)
```
#03418d
```
#03418d rgb(3,65,141)
```
#034aa0
```
#034aa0 rgb(3,74,160)
```
#0353b3
```
#0353b3 rgb(3,83,179)
```
#045cc7
```
#045cc7 rgb(4,92,199)
```
#0465da
```
#0465da rgb(4,101,218)
```
#046eed
```
#046eed rgb(4,110,237)
```

Shade Color Variation

#0b77fa
```
#0b77fa rgb(11,119,250)
```
#1e82fb
```
#1e82fb rgb(30,130,251)
```
#318dfb
```
#318dfb rgb(49,141,251)
```
#4497fc
```
#4497fc rgb(68,151,252)
```
#58a2fc
```
#58a2fc rgb(88,162,252)
```
#6badfc
```
#6badfc rgb(107,173,252)
```
#7eb7fd
```
#7eb7fd rgb(126,183,253)
```
#91c2fd
```
#91c2fd rgb(145,194,253)
```
#a5cdfd
```
#a5cdfd rgb(165,205,253)
```
#b8d7fe
```
#b8d7fe rgb(184,215,254)
```
#cbe2fe
```
#cbe2fe rgb(203,226,254)
```
#deedfe
```
#deedfe rgb(222,237,254)
```
#f2f8ff
```
#f2f8ff rgb(242,248,255)
```

Tint Color Variation

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

#4e5155
```
#4e5155 rgb(78,81,85)
```
#48515b
```
#48515b rgb(72,81,91)
```
#425061
```
#425061 rgb(66,80,97)
```
#3b4f68
```
#3b4f68 rgb(59,79,104)
```
#354f6e
```
#354f6e rgb(53,79,110)
```
#2f4e74
```
#2f4e74 rgb(47,78,116)
```
#294e7a
```
#294e7a rgb(41,78,122)
```
#224d81
```
#224d81 rgb(34,77,129)
```
#1c4c87
```
#1c4c87 rgb(28,76,135)
```
#164c8d
```
#164c8d rgb(22,76,141)
```
#104b93
```
#104b93 rgb(16,75,147)
```
#094b9a
```
#094b9a rgb(9,75,154)
```
#034aa0
```
#034aa0 rgb(3,74,160)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#334152 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a4 Protanopia 1% of men
#00588f Deuteranopia 1% of men
#005f64 Tritanopia 0.001% of the population

Trichromacy

#0150a2 Protanomaly 1% of men, 0.01% of women
#015395 Deuteranomaly 6% of men, 0.4% of women
#015779 Tritanomaly 0.01% of the population

#034aa0 hex color

#034aa0 Color Information

#034aa0 Color Conversion

Color Schemes with #034aa0

Alternatives to #034aa0

#034aa0 Preview

Shades and Tints of #034aa0

Tones of #034aa0

Color Blindness Simulator