#004ba2 hex color

In a RGB color space, hex #004ba2 is composed of 0% red, 29.4% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 53.7% magenta, 0% yellow and 36.5% black. It has a hue angle of 212.2 degrees, a saturation of 100% and a lightness of 31.8%. #004ba2 color hex could be obtained by blending #0096ff with #000045. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 0
- G 29
- B 64
RGB color chart
- C 100
- M 54
- Y 0
- K 36
CMYK color chart

● #004ba2 color description : Dark blue.

The hexadecimal color #004ba2 has RGB values of R:0, G:75, B:162 and CMYK values of C:1, M:0.54, Y:0, K:0.36. Its decimal value is 19362.

Hex triplet	004ba2	`#004ba2`
RGB Decimal	0, 75, 162	`rgb(0,75,162)`
RGB Percent	0, 29.4, 63.5	`rgb(0%,29.4%,63.5%)`
CMYK	100, 54, 0, 36
HSL	212.2°, 100, 31.8	`hsl(212.2,100%,31.8%)`
HSV (or HSB)	212.2°, 100, 63.5
Web Safe	003399	`#003399`

CIE-LAB	33.222, 16.04, -52.372
XYZ	9.036, 7.64, 35.179
xyY	0.174, 0.147, 7.64
CIE-LCH	33.222, 54.773, 287.028
CIE-LUV	33.222, -17.327, -72.686
Hunter-Lab	27.641, 9.984, -56.112
Binary	00000000, 01001011, 10100010

#004ba2
```
#004ba2 rgb(0,75,162)
```
#a25700
```
#a25700 rgb(162,87,0)
```

Complementary Color

#009ca2
```
#009ca2 rgb(0,156,162)
```
#004ba2
```
#004ba2 rgb(0,75,162)
```
#0600a2
```
#0600a2 rgb(6,0,162)
```

Analogous Color

#9ca200
```
#9ca200 rgb(156,162,0)
```
#004ba2
```
#004ba2 rgb(0,75,162)
```
#a20600
```
#a20600 rgb(162,6,0)
```

Split Complementary Color

#4ba200
```
#4ba200 rgb(75,162,0)
```
#004ba2
```
#004ba2 rgb(0,75,162)
```
#a2004b
```
#a2004b rgb(162,0,75)
```

Triadic Color

#00a257
```
#00a257 rgb(0,162,87)
```
#004ba2
```
#004ba2 rgb(0,75,162)
```
#a2004b
```
#a2004b rgb(162,0,75)
```
#a25700
```
#a25700 rgb(162,87,0)
```

Tetradic Color

#002856
```
#002856 rgb(0,40,86)
```
#00336f
```
#00336f rgb(0,51,111)
```
#003f89
```
#003f89 rgb(0,63,137)
```
#004ba2
```
#004ba2 rgb(0,75,162)
```
#0057bc
```
#0057bc rgb(0,87,188)
```
#0063d5
```
#0063d5 rgb(0,99,213)
```
#006eef
```
#006eef rgb(0,110,239)
```

Monochromatic Color

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

#0074a2
```
#0074a2 rgb(0,116,162)
```
#0066a2
```
#0066a2 rgb(0,102,162)
```
#0059a2
```
#0059a2 rgb(0,89,162)
```
#004ba2
```
#004ba2 rgb(0,75,162)
```
#003ea2
```
#003ea2 rgb(0,62,162)
```
#0030a2
```
#0030a2 rgb(0,48,162)
```
#0023a2
```
#0023a2 rgb(0,35,162)
```

Similar Colors

Text with hexadecimal color #004ba2

This text has a font color of #004ba2.

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

#004ba2 background color

This paragraph has a background color of #004ba2.

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

#004ba2 border color

This element has a border color of #004ba2.

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

CSS codes

.text {color:#004ba2;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#000b19
```
#000b19 rgb(0,11,25)
```
#00152c
```
#00152c rgb(0,21,44)
```
#001e40
```
#001e40 rgb(0,30,64)
```
#002754
```
#002754 rgb(0,39,84)
```
#003067
```
#003067 rgb(0,48,103)
```
#00397b
```
#00397b rgb(0,57,123)
```
#00428e
```
#00428e rgb(0,66,142)
```
#004ba2
```
#004ba2 rgb(0,75,162)
```
#0054b6
```
#0054b6 rgb(0,84,182)
```
#005dc9
```
#005dc9 rgb(0,93,201)
```
#0066dd
```
#0066dd rgb(0,102,221)
```
#006ff0
```
#006ff0 rgb(0,111,240)
```

Shade Color Variation

#0579ff
```
#0579ff rgb(5,121,255)
```
#1983ff
```
#1983ff rgb(25,131,255)
```
#2c8eff
```
#2c8eff rgb(44,142,255)
```
#4098ff
```
#4098ff rgb(64,152,255)
```
#54a3ff
```
#54a3ff rgb(84,163,255)
```
#67adff
```
#67adff rgb(103,173,255)
```
#7bb8ff
```
#7bb8ff rgb(123,184,255)
```
#8ec3ff
```
#8ec3ff rgb(142,195,255)
```
#a2cdff
```
#a2cdff rgb(162,205,255)
```
#b6d8ff
```
#b6d8ff rgb(182,216,255)
```
#c9e2ff
```
#c9e2ff rgb(201,226,255)
```
#ddedff
```
#ddedff rgb(221,237,255)
```
#f0f7ff
```
#f0f7ff rgb(240,247,255)
```

Tint Color Variation

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

#4b5157
```
#4b5157 rgb(75,81,87)
```
#45505d
```
#45505d rgb(69,80,93)
```
#3e5064
```
#3e5064 rgb(62,80,100)
```
#384f6a
```
#384f6a rgb(56,79,106)
```
#324f70
```
#324f70 rgb(50,79,112)
```
#2c4e76
```
#2c4e76 rgb(44,78,118)
```
#254e7d
```
#254e7d rgb(37,78,125)
```
#1f4d83
```
#1f4d83 rgb(31,77,131)
```
#194d89
```
#194d89 rgb(25,77,137)
```
#134c8f
```
#134c8f rgb(19,76,143)
```
#0c4c96
```
#0c4c96 rgb(12,76,150)
```
#064b9c
```
#064b9c rgb(6,75,156)
```
#004ba2
```
#004ba2 rgb(0,75,162)
```

Tone Color Variation

Below, you can see how #004ba2 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

#3e3e3e Achromatopsia 0.005% of the population
#324152 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a6 Protanopia 1% of men
#005991 Deuteranopia 1% of men
#005f65 Tritanopia 0.001% of the population

Trichromacy

#0051a4 Protanomaly 1% of men, 0.01% of women
#005497 Deuteranomaly 6% of men, 0.4% of women
#00587b Tritanomaly 0.01% of the population

#004ba2 hex color

#004ba2 Color Information

#004ba2 Color Conversion

Color Schemes with #004ba2

Alternatives to #004ba2

#004ba2 Preview

Shades and Tints of #004ba2

Tones of #004ba2

Color Blindness Simulator