#004aaf hex color

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

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

● #004aaf color description : Dark blue.

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

Hex triplet	004aaf	`#004aaf`
RGB Decimal	0, 74, 175	`rgb(0,74,175)`
RGB Percent	0, 29, 68.6	`rgb(0%,29%,68.6%)`
CMYK	100, 58, 0, 31
HSL	214.6°, 100, 34.3	`hsl(214.6,100%,34.3%)`
HSV (or HSB)	214.6°, 100, 68.6
Web Safe	003399	`#003399`

CIE-LAB	33.966, 22.119, -58.931
XYZ	10.185, 7.992, 41.561
xyY	0.17, 0.134, 7.992
CIE-LCH	33.966, 62.946, 290.573
CIE-LUV	33.966, -16.742, -82.125
Hunter-Lab	28.27, 14.837, -67.376
Binary	00000000, 01001010, 10101111

#004aaf
```
#004aaf rgb(0,74,175)
```
#af6500
```
#af6500 rgb(175,101,0)
```

Complementary Color

#00a2af
```
#00a2af rgb(0,162,175)
```
#004aaf
```
#004aaf rgb(0,74,175)
```
#0d00af
```
#0d00af rgb(13,0,175)
```

Analogous Color

#a2af00
```
#a2af00 rgb(162,175,0)
```
#004aaf
```
#004aaf rgb(0,74,175)
```
#af0d00
```
#af0d00 rgb(175,13,0)
```

Split Complementary Color

#4aaf00
```
#4aaf00 rgb(74,175,0)
```
#004aaf
```
#004aaf rgb(0,74,175)
```
#af004a
```
#af004a rgb(175,0,74)
```

Triadic Color

#00af65
```
#00af65 rgb(0,175,101)
```
#004aaf
```
#004aaf rgb(0,74,175)
```
#af004a
```
#af004a rgb(175,0,74)
```
#af6500
```
#af6500 rgb(175,101,0)
```

Tetradic Color

#002a63
```
#002a63 rgb(0,42,99)
```
#00347c
```
#00347c rgb(0,52,124)
```
#003f96
```
#003f96 rgb(0,63,150)
```
#004aaf
```
#004aaf rgb(0,74,175)
```
#0055c9
```
#0055c9 rgb(0,85,201)
```
#0060e2
```
#0060e2 rgb(0,96,226)
```
#006afc
```
#006afc rgb(0,106,252)
```

Monochromatic Color

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

#0076af
```
#0076af rgb(0,118,175)
```
#0067af
```
#0067af rgb(0,103,175)
```
#0059af
```
#0059af rgb(0,89,175)
```
#004aaf
```
#004aaf rgb(0,74,175)
```
#003baf
```
#003baf rgb(0,59,175)
```
#002daf
```
#002daf rgb(0,45,175)
```
#001eaf
```
#001eaf rgb(0,30,175)
```

Similar Colors

Text with hexadecimal color #004aaf

This text has a font color of #004aaf.

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

#004aaf background color

This paragraph has a background color of #004aaf.

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

#004aaf border color

This element has a border color of #004aaf.

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

CSS codes

.text {color:#004aaf;}

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

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

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

#000812
```
#000812 rgb(0,8,18)
```
#001026
```
#001026 rgb(0,16,38)
```
#001839
```
#001839 rgb(0,24,57)
```
#00214d
```
#00214d rgb(0,33,77)
```
#002961
```
#002961 rgb(0,41,97)
```
#003174
```
#003174 rgb(0,49,116)
```
#003988
```
#003988 rgb(0,57,136)
```
#00429b
```
#00429b rgb(0,66,155)
```
#004aaf
```
#004aaf rgb(0,74,175)
```
#0052c3
```
#0052c3 rgb(0,82,195)
```
#005bd6
```
#005bd6 rgb(0,91,214)
```
#0063ea
```
#0063ea rgb(0,99,234)
```
#006bfd
```
#006bfd rgb(0,107,253)
```

Shade Color Variation

#1276ff
```
#1276ff rgb(18,118,255)
```
#2682ff
```
#2682ff rgb(38,130,255)
```
#398dff
```
#398dff rgb(57,141,255)
```
#4d98ff
```
#4d98ff rgb(77,152,255)
```
#61a4ff
```
#61a4ff rgb(97,164,255)
```
#74afff
```
#74afff rgb(116,175,255)
```
#88baff
```
#88baff rgb(136,186,255)
```
#9bc6ff
```
#9bc6ff rgb(155,198,255)
```
#afd1ff
```
#afd1ff rgb(175,209,255)
```
#c3dcff
```
#c3dcff rgb(195,220,255)
```
#d6e7ff
```
#d6e7ff rgb(214,231,255)
```
#eaf3ff
```
#eaf3ff rgb(234,243,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#51565e
```
#51565e rgb(81,86,94)
```
#4a5565
```
#4a5565 rgb(74,85,101)
```
#43546c
```
#43546c rgb(67,84,108)
```
#3d5372
```
#3d5372 rgb(61,83,114)
```
#365279
```
#365279 rgb(54,82,121)
```
#2f5180
```
#2f5180 rgb(47,81,128)
```
#285087
```
#285087 rgb(40,80,135)
```
#224f8d
```
#224f8d rgb(34,79,141)
```
#1b4e94
```
#1b4e94 rgb(27,78,148)
```
#144d9b
```
#144d9b rgb(20,77,155)
```
#0d4ca2
```
#0d4ca2 rgb(13,76,162)
```
#074ba8
```
#074ba8 rgb(7,75,168)
```
#004aaf
```
#004aaf rgb(0,74,175)
```

Tone Color Variation

Below, you can see how #004aaf 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
#324155 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005b93 Deuteranopia 1% of men
#006166 Tritanopia 0.001% of the population

Trichromacy

#0051ab Protanomaly 1% of men, 0.01% of women
#00549d Deuteranomaly 6% of men, 0.4% of women
#005981 Tritanomaly 0.01% of the population

#004aaf hex color

#004aaf Color Information

#004aaf Color Conversion

Color Schemes with #004aaf

Alternatives to #004aaf

#004aaf Preview

Shades and Tints of #004aaf

Tones of #004aaf

Color Blindness Simulator