#034aaf hex color

In a RGB color space, hex #034aaf is composed of 1.2% red, 29% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 57.7% magenta, 0% yellow and 31.4% black. It has a hue angle of 215.2 degrees, a saturation of 96.6% and a lightness of 34.9%. #034aaf color hex could be obtained by blending #0694ff with #00005f. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 29
- B 69
RGB color chart
- C 98
- M 58
- Y 0
- K 31
CMYK color chart

● #034aaf color description : Dark blue.

The hexadecimal color #034aaf has RGB values of R:3, G:74, B:175 and CMYK values of C:0.98, M:0.58, Y:0, K:0.31. Its decimal value is 215727.

Hex triplet	034aaf	`#034aaf`
RGB Decimal	3, 74, 175	`rgb(3,74,175)`
RGB Percent	1.2, 29, 68.6	`rgb(1.2%,29%,68.6%)`
CMYK	98, 58, 0, 31
HSL	215.2°, 96.6, 34.9	`hsl(215.2,96.6%,34.9%)`
HSV (or HSB)	215.2°, 98.3, 68.6
Web Safe	003399	`#003399`

CIE-LAB	34.006, 22.237, -58.864
XYZ	10.223, 8.011, 41.563
xyY	0.171, 0.134, 8.011
CIE-LCH	34.006, 62.924, 290.695
CIE-LUV	34.006, -16.594, -82.083
Hunter-Lab	28.304, 14.937, -67.251
Binary	00000011, 01001010, 10101111

#034aaf
```
#034aaf rgb(3,74,175)
```
#af6803
```
#af6803 rgb(175,104,3)
```

Complementary Color

#03a0af
```
#03a0af rgb(3,160,175)
```
#034aaf
```
#034aaf rgb(3,74,175)
```
#1203af
```
#1203af rgb(18,3,175)
```

Analogous Color

#a0af03
```
#a0af03 rgb(160,175,3)
```
#034aaf
```
#034aaf rgb(3,74,175)
```
#af1203
```
#af1203 rgb(175,18,3)
```

Split Complementary Color

#4aaf03
```
#4aaf03 rgb(74,175,3)
```
#034aaf
```
#034aaf rgb(3,74,175)
```
#af034a
```
#af034a rgb(175,3,74)
```

Triadic Color

#03af68
```
#03af68 rgb(3,175,104)
```
#034aaf
```
#034aaf rgb(3,74,175)
```
#af034a
```
#af034a rgb(175,3,74)
```
#af6803
```
#af6803 rgb(175,104,3)
```

Tetradic Color

#022a64
```
#022a64 rgb(2,42,100)
```
#02357d
```
#02357d rgb(2,53,125)
```
#033f96
```
#033f96 rgb(3,63,150)
```
#034aaf
```
#034aaf rgb(3,74,175)
```
#0355c8
```
#0355c8 rgb(3,85,200)
```
#045fe1
```
#045fe1 rgb(4,95,225)
```
#046afa
```
#046afa rgb(4,106,250)
```

Monochromatic Color

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

#0375af
```
#0375af rgb(3,117,175)
```
#0367af
```
#0367af rgb(3,103,175)
```
#0358af
```
#0358af rgb(3,88,175)
```
#034aaf
```
#034aaf rgb(3,74,175)
```
#033caf
```
#033caf rgb(3,60,175)
```
#032daf
```
#032daf rgb(3,45,175)
```
#031faf
```
#031faf rgb(3,31,175)
```

Similar Colors

Text with hexadecimal color #034aaf

This text has a font color of #034aaf.

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

#034aaf background color

This paragraph has a background color of #034aaf.

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

#034aaf border color

This element has a border color of #034aaf.

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

CSS codes

.text {color:#034aaf;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#000915
```
#000915 rgb(0,9,21)
```
#011128
```
#011128 rgb(1,17,40)
```
#01193b
```
#01193b rgb(1,25,59)
```
#01214f
```
#01214f rgb(1,33,79)
```
#022962
```
#022962 rgb(2,41,98)
```
#023275
```
#023275 rgb(2,50,117)
```
#023a88
```
#023a88 rgb(2,58,136)
```
#03429c
```
#03429c rgb(3,66,156)
```
#034aaf
```
#034aaf rgb(3,74,175)
```
#0352c2
```
#0352c2 rgb(3,82,194)
```
#045ad6
```
#045ad6 rgb(4,90,214)
```
#0462e9
```
#0462e9 rgb(4,98,233)
```

Shade Color Variation

#066bfb
```
#066bfb rgb(6,107,251)
```
#1976fb
```
#1976fb rgb(25,118,251)
```
#2c82fb
```
#2c82fb rgb(44,130,251)
```
#408dfc
```
#408dfc rgb(64,141,252)
```
#5399fc
```
#5399fc rgb(83,153,252)
```
#66a4fc
```
#66a4fc rgb(102,164,252)
```
#79b0fd
```
#79b0fd rgb(121,176,253)
```
#8dbbfd
```
#8dbbfd rgb(141,187,253)
```
#a0c7fd
```
#a0c7fd rgb(160,199,253)
```
#b3d2fe
```
#b3d2fe rgb(179,210,254)
```
#c7ddfe
```
#c7ddfe rgb(199,221,254)
```
#dae9fe
```
#dae9fe rgb(218,233,254)
```
#edf4ff
```
#edf4ff rgb(237,244,255)
```

Tint Color Variation

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

#55585d
```
#55585d rgb(85,88,93)
```
#4e5764
```
#4e5764 rgb(78,87,100)
```
#47566b
```
#47566b rgb(71,86,107)
```
#415571
```
#415571 rgb(65,85,113)
```
#3a5478
```
#3a5478 rgb(58,84,120)
```
#33527f
```
#33527f rgb(51,82,127)
```
#2c5186
```
#2c5186 rgb(44,81,134)
```
#25508d
```
#25508d rgb(37,80,141)
```
#1e4f94
```
#1e4f94 rgb(30,79,148)
```
#184e9a
```
#184e9a rgb(24,78,154)
```
#114ca1
```
#114ca1 rgb(17,76,161)
```
#0a4ba8
```
#0a4ba8 rgb(10,75,168)
```
#034aaf
```
#034aaf rgb(3,74,175)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#344256 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a9 Protanopia 1% of men
#005b93 Deuteranopia 1% of men
#006167 Tritanopia 0.001% of the population

Trichromacy

#0151ab Protanomaly 1% of men, 0.01% of women
#01549d Deuteranomaly 6% of men, 0.4% of women
#015981 Tritanomaly 0.01% of the population

#034aaf hex color

#034aaf Color Information

#034aaf Color Conversion

Color Schemes with #034aaf

Alternatives to #034aaf

#034aaf Preview

Shades and Tints of #034aaf

Tones of #034aaf

Color Blindness Simulator