#2a4679 hex color

In a RGB color space, hex #2a4679 is composed of 16.5% red, 27.5% green and 47.5% blue. Whereas in a CMYK color space, it is composed of 65.3% cyan, 42.1% magenta, 0% yellow and 52.5% black. It has a hue angle of 218.7 degrees, a saturation of 48.5% and a lightness of 32%. #2a4679 color hex could be obtained by blending #548cf2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 27
- B 47
RGB color chart
- C 65
- M 42
- Y 0
- K 53
CMYK color chart

● #2a4679 color description : Dark moderate blue.

The hexadecimal color #2a4679 has RGB values of R:42, G:70, B:121 and CMYK values of C:0.65, M:0.42, Y:0, K:0.53. Its decimal value is 2770553.

Hex triplet	2a4679	`#2a4679`
RGB Decimal	42, 70, 121	`rgb(42,70,121)`
RGB Percent	16.5, 27.5, 47.5	`rgb(16.5%,27.5%,47.5%)`
CMYK	65, 42, 0, 53
HSL	218.7°, 48.5, 32	`hsl(218.7,48.5%,32%)`
HSV (or HSB)	218.7°, 65.3, 47.5
Web Safe	333366	`#333366`

CIE-LAB	30.041, 7.012, -32.278
XYZ	6.595, 6.253, 18.947
xyY	0.207, 0.197, 6.253
CIE-LCH	30.041, 33.031, 282.257
CIE-LUV	30.041, -11.734, -43.124
Hunter-Lab	25.005, 3.322, -27.423
Binary	00101010, 01000110, 01111001

#2a4679
```
#2a4679 rgb(42,70,121)
```
#795d2a
```
#795d2a rgb(121,93,42)
```

Complementary Color

#2a6e79
```
#2a6e79 rgb(42,110,121)
```
#2a4679
```
#2a4679 rgb(42,70,121)
```
#362a79
```
#362a79 rgb(54,42,121)
```

Analogous Color

#6e792a
```
#6e792a rgb(110,121,42)
```
#2a4679
```
#2a4679 rgb(42,70,121)
```
#79362a
```
#79362a rgb(121,54,42)
```

Split Complementary Color

#46792a
```
#46792a rgb(70,121,42)
```
#2a4679
```
#2a4679 rgb(42,70,121)
```
#792a46
```
#792a46 rgb(121,42,70)
```

Triadic Color

#2a795d
```
#2a795d rgb(42,121,93)
```
#2a4679
```
#2a4679 rgb(42,70,121)
```
#792a46
```
#792a46 rgb(121,42,70)
```
#795d2a
```
#795d2a rgb(121,93,42)
```

Tetradic Color

#162540
```
#162540 rgb(22,37,64)
```
#1d3053
```
#1d3053 rgb(29,48,83)
```
#233b66
```
#233b66 rgb(35,59,102)
```
#2a4679
```
#2a4679 rgb(42,70,121)
```
#31518c
```
#31518c rgb(49,81,140)
```
#375c9f
```
#375c9f rgb(55,92,159)
```
#3e67b2
```
#3e67b2 rgb(62,103,178)
```

Monochromatic Color

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

#2a5a79
```
#2a5a79 rgb(42,90,121)
```
#2a5379
```
#2a5379 rgb(42,83,121)
```
#2a4d79
```
#2a4d79 rgb(42,77,121)
```
#2a4679
```
#2a4679 rgb(42,70,121)
```
#2a3f79
```
#2a3f79 rgb(42,63,121)
```
#2a3979
```
#2a3979 rgb(42,57,121)
```
#2a3279
```
#2a3279 rgb(42,50,121)
```

Similar Colors

Text with hexadecimal color #2a4679

This text has a font color of #2a4679.

<span style="color:#2a4679;">Text here</span>

#2a4679 background color

This paragraph has a background color of #2a4679.

<p style="background-color:#2a4679;">Content here</p>

#2a4679 border color

This element has a border color of #2a4679.

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

CSS codes

.text {color:#2a4679;}

.background {background-color:#2a4679;}

.border {border:1px solid #2a4679;}

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

#020305
```
#020305 rgb(2,3,5)
```
#070b13
```
#070b13 rgb(7,11,19)
```
#0c1322
```
#0c1322 rgb(12,19,34)
```
#111c30
```
#111c30 rgb(17,28,48)
```
#16243f
```
#16243f rgb(22,36,63)
```
#1b2d4d
```
#1b2d4d rgb(27,45,77)
```
#20355c
```
#20355c rgb(32,53,92)
```
#253e6a
```
#253e6a rgb(37,62,106)
```
#2a4679
```
#2a4679 rgb(42,70,121)
```
#2f4e88
```
#2f4e88 rgb(47,78,136)
```
#345796
```
#345796 rgb(52,87,150)
```
#395fa5
```
#395fa5 rgb(57,95,165)
```
#3e68b3
```
#3e68b3 rgb(62,104,179)
```

Shade Color Variation

#4671bf
```
#4671bf rgb(70,113,191)
```
#557cc4
```
#557cc4 rgb(85,124,196)
```
#6387c9
```
#6387c9 rgb(99,135,201)
```
#7293ce
```
#7293ce rgb(114,147,206)
```
#809ed3
```
#809ed3 rgb(128,158,211)
```
#8fa9d8
```
#8fa9d8 rgb(143,169,216)
```
#9eb4dd
```
#9eb4dd rgb(158,180,221)
```
#acbfe2
```
#acbfe2 rgb(172,191,226)
```
#bbcbe7
```
#bbcbe7 rgb(187,203,231)
```
#c9d6ec
```
#c9d6ec rgb(201,214,236)
```
#d8e1f1
```
#d8e1f1 rgb(216,225,241)
```
#e6ecf6
```
#e6ecf6 rgb(230,236,246)
```
#f5f7fc
```
#f5f7fc rgb(245,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #505153 is the less saturated color, while #043b9f is the most saturated one.

#505153
```
#505153 rgb(80,81,83)
```
#494f5a
```
#494f5a rgb(73,79,90)
```
#434d60
```
#434d60 rgb(67,77,96)
```
#3d4b66
```
#3d4b66 rgb(61,75,102)
```
#374a6c
```
#374a6c rgb(55,74,108)
```
#304873
```
#304873 rgb(48,72,115)
```
#2a4679
```
#2a4679 rgb(42,70,121)
```
#24447f
```
#24447f rgb(36,68,127)
```
#1d4286
```
#1d4286 rgb(29,66,134)
```
#17418c
```
#17418c rgb(23,65,140)
```
#113f92
```
#113f92 rgb(17,63,146)
```
#0b3d98
```
#0b3d98 rgb(11,61,152)
```
#043b9f
```
#043b9f rgb(4,59,159)
```

Tone Color Variation

Below, you can see how #2a4679 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

#434343 Achromatopsia 0.005% of the population
#3e444e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a4e7f Protanopia 1% of men
#2d507f Deuteranopia 1% of men
#1d575d Tritanopia 0.001% of the population

Trichromacy

#344b7c Protanomaly 1% of men, 0.01% of women
#2c4c7d Deuteranomaly 6% of men, 0.4% of women
#215167 Tritanomaly 0.01% of the population

#2a4679 hex color

#2a4679 Color Information

#2a4679 Color Conversion

Color Schemes with #2a4679

Alternatives to #2a4679

#2a4679 Preview

Shades and Tints of #2a4679

Tones of #2a4679

Color Blindness Simulator