#084ba2 hex color

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

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

● #084ba2 color description : Dark blue.

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

Hex triplet	084ba2	`#084ba2`
RGB Decimal	8, 75, 162	`rgb(8,75,162)`
RGB Percent	3.1, 29.4, 63.5	`rgb(3.1%,29.4%,63.5%)`
CMYK	95, 54, 0, 36
HSL	213.9°, 90.6, 33.3	`hsl(213.9,90.6%,33.3%)`
HSV (or HSB)	213.9°, 95.1, 63.5
Web Safe	003399	`#003399`

CIE-LAB	33.332, 16.403, -52.187
XYZ	9.136, 7.692, 35.184
xyY	0.176, 0.148, 7.692
CIE-LCH	33.332, 54.705, 287.449
CIE-LUV	33.332, -16.895, -72.555
Hunter-Lab	27.734, 10.269, -55.803
Binary	00001000, 01001011, 10100010

#084ba2
```
#084ba2 rgb(8,75,162)
```
#a25f08
```
#a25f08 rgb(162,95,8)
```

Complementary Color

#0898a2
```
#0898a2 rgb(8,152,162)
```
#084ba2
```
#084ba2 rgb(8,75,162)
```
#1208a2
```
#1208a2 rgb(18,8,162)
```

Analogous Color

#98a208
```
#98a208 rgb(152,162,8)
```
#084ba2
```
#084ba2 rgb(8,75,162)
```
#a21208
```
#a21208 rgb(162,18,8)
```

Split Complementary Color

#4ba208
```
#4ba208 rgb(75,162,8)
```
#084ba2
```
#084ba2 rgb(8,75,162)
```
#a2084b
```
#a2084b rgb(162,8,75)
```

Triadic Color

#08a25f
```
#08a25f rgb(8,162,95)
```
#084ba2
```
#084ba2 rgb(8,75,162)
```
#a2084b
```
#a2084b rgb(162,8,75)
```
#a25f08
```
#a25f08 rgb(162,95,8)
```

Tetradic Color

#042959
```
#042959 rgb(4,41,89)
```
#063571
```
#063571 rgb(6,53,113)
```
#07408a
```
#07408a rgb(7,64,138)
```
#084ba2
```
#084ba2 rgb(8,75,162)
```
#0956ba
```
#0956ba rgb(9,86,186)
```
#0a62d3
```
#0a62d3 rgb(10,98,211)
```
#0c6deb
```
#0c6deb rgb(12,109,235)
```

Monochromatic Color

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

#0872a2
```
#0872a2 rgb(8,114,162)
```
#0865a2
```
#0865a2 rgb(8,101,162)
```
#0858a2
```
#0858a2 rgb(8,88,162)
```
#084ba2
```
#084ba2 rgb(8,75,162)
```
#083ea2
```
#083ea2 rgb(8,62,162)
```
#0831a2
```
#0831a2 rgb(8,49,162)
```
#0825a2
```
#0825a2 rgb(8,37,162)
```

Similar Colors

Text with hexadecimal color #084ba2

This text has a font color of #084ba2.

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

#084ba2 background color

This paragraph has a background color of #084ba2.

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

#084ba2 border color

This element has a border color of #084ba2.

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

CSS codes

.text {color:#084ba2;}

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

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

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, #01060c is the darkest color, while #f9fbff is the lightest one.

#01060c
```
#01060c rgb(1,6,12)
```
#020e1f
```
#020e1f rgb(2,14,31)
```
#021732
```
#021732 rgb(2,23,50)
```
#032045
```
#032045 rgb(3,32,69)
```
#042857
```
#042857 rgb(4,40,87)
```
#05316a
```
#05316a rgb(5,49,106)
```
#063a7d
```
#063a7d rgb(6,58,125)
```
#07428f
```
#07428f rgb(7,66,143)
```
#084ba2
```
#084ba2 rgb(8,75,162)
```
#0954b5
```
#0954b5 rgb(9,84,181)
```
#0a5cc7
```
#0a5cc7 rgb(10,92,199)
```
#0b65da
```
#0b65da rgb(11,101,218)
```
#0c6eed
```
#0c6eed rgb(12,110,237)
```

Shade Color Variation

#1878f4
```
#1878f4 rgb(24,120,244)
```
#2b83f5
```
#2b83f5 rgb(43,131,245)
```
#3e8ef5
```
#3e8ef5 rgb(62,142,245)
```
#5199f6
```
#5199f6 rgb(81,153,246)
```
#63a4f7
```
#63a4f7 rgb(99,164,247)
```
#76aff8
```
#76aff8 rgb(118,175,248)
```
#89baf9
```
#89baf9 rgb(137,186,249)
```
#9bc5fa
```
#9bc5fa rgb(155,197,250)
```
#aed0fb
```
#aed0fb rgb(174,208,251)
```
#c1dafc
```
#c1dafc rgb(193,218,252)
```
#d3e5fd
```
#d3e5fd rgb(211,229,253)
```
#e6f0fe
```
#e6f0fe rgb(230,240,254)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #50545a is the less saturated color, while #014aa9 is the most saturated one.

#50545a
```
#50545a rgb(80,84,90)
```
#495361
```
#495361 rgb(73,83,97)
```
#435367
```
#435367 rgb(67,83,103)
```
#3c526e
```
#3c526e rgb(60,82,110)
```
#365174
```
#365174 rgb(54,81,116)
```
#2f507b
```
#2f507b rgb(47,80,123)
```
#294f81
```
#294f81 rgb(41,79,129)
```
#224e88
```
#224e88 rgb(34,78,136)
```
#1c4e8e
```
#1c4e8e rgb(28,78,142)
```
#154d95
```
#154d95 rgb(21,77,149)
```
#0f4c9b
```
#0f4c9b rgb(15,76,155)
```
#084ba2
```
#084ba2 rgb(8,75,162)
```
#014aa9
```
#014aa9 rgb(1,74,169)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#364354 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#0251a4 Protanomaly 1% of men, 0.01% of women
#025497 Deuteranomaly 6% of men, 0.4% of women
#02587b Tritanomaly 0.01% of the population

#084ba2 hex color

#084ba2 Color Information

#084ba2 Color Conversion

Color Schemes with #084ba2

Alternatives to #084ba2

#084ba2 Preview

Shades and Tints of #084ba2

Tones of #084ba2

Color Blindness Simulator