#2a4476 hex color

In a RGB color space, hex #2a4476 is composed of 16.5% red, 26.7% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 42.4% magenta, 0% yellow and 53.7% black. It has a hue angle of 219.5 degrees, a saturation of 47.5% and a lightness of 31.4%. #2a4476 color hex could be obtained by blending #5488ec with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 27
- B 46
RGB color chart
- C 64
- M 42
- Y 0
- K 54
CMYK color chart

● #2a4476 color description : Dark moderate blue.

The hexadecimal color #2a4476 has RGB values of R:42, G:68, B:118 and CMYK values of C:0.64, M:0.42, Y:0, K:0.54. Its decimal value is 2770038.

Hex triplet	2a4476	`#2a4476`
RGB Decimal	42, 68, 118	`rgb(42,68,118)`
RGB Percent	16.5, 26.7, 46.3	`rgb(16.5%,26.7%,46.3%)`
CMYK	64, 42, 0, 54
HSL	219.5°, 47.5, 31.4	`hsl(219.5,47.5%,31.4%)`
HSV (or HSB)	219.5°, 64.4, 46.3
Web Safe	333366	`#333366`

CIE-LAB	29.246, 7.233, -31.659
XYZ	6.291, 5.934, 17.952
xyY	0.208, 0.197, 5.934
CIE-LCH	29.246, 32.475, 282.868
CIE-LUV	29.246, -11.074, -41.93
Hunter-Lab	24.36, 3.47, -26.642
Binary	00101010, 01000100, 01110110

#2a4476
```
#2a4476 rgb(42,68,118)
```
#765c2a
```
#765c2a rgb(118,92,42)
```

Complementary Color

#2a6a76
```
#2a6a76 rgb(42,106,118)
```
#2a4476
```
#2a4476 rgb(42,68,118)
```
#362a76
```
#362a76 rgb(54,42,118)
```

Analogous Color

#6a762a
```
#6a762a rgb(106,118,42)
```
#2a4476
```
#2a4476 rgb(42,68,118)
```
#76362a
```
#76362a rgb(118,54,42)
```

Split Complementary Color

#44762a
```
#44762a rgb(68,118,42)
```
#2a4476
```
#2a4476 rgb(42,68,118)
```
#762a44
```
#762a44 rgb(118,42,68)
```

Triadic Color

#2a765c
```
#2a765c rgb(42,118,92)
```
#2a4476
```
#2a4476 rgb(42,68,118)
```
#762a44
```
#762a44 rgb(118,42,68)
```
#765c2a
```
#765c2a rgb(118,92,42)
```

Tetradic Color

#16233e
```
#16233e rgb(22,35,62)
```
#1d2e50
```
#1d2e50 rgb(29,46,80)
```
#233963
```
#233963 rgb(35,57,99)
```
#2a4476
```
#2a4476 rgb(42,68,118)
```
#314f89
```
#314f89 rgb(49,79,137)
```
#375a9c
```
#375a9c rgb(55,90,156)
```
#3e65ae
```
#3e65ae rgb(62,101,174)
```

Monochromatic Color

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

#2a5776
```
#2a5776 rgb(42,87,118)
```
#2a5176
```
#2a5176 rgb(42,81,118)
```
#2a4a76
```
#2a4a76 rgb(42,74,118)
```
#2a4476
```
#2a4476 rgb(42,68,118)
```
#2a3e76
```
#2a3e76 rgb(42,62,118)
```
#2a3776
```
#2a3776 rgb(42,55,118)
```
#2a3176
```
#2a3176 rgb(42,49,118)
```

Similar Colors

Text with hexadecimal color #2a4476

This text has a font color of #2a4476.

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

#2a4476 background color

This paragraph has a background color of #2a4476.

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

#2a4476 border color

This element has a border color of #2a4476.

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

CSS codes

.text {color:#2a4476;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060a11
```
#060a11 rgb(6,10,17)
```
#0b121f
```
#0b121f rgb(11,18,31)
```
#101a2e
```
#101a2e rgb(16,26,46)
```
#15233c
```
#15233c rgb(21,35,60)
```
#1b2b4b
```
#1b2b4b rgb(27,43,75)
```
#203359
```
#203359 rgb(32,51,89)
```
#253c68
```
#253c68 rgb(37,60,104)
```
#2a4476
```
#2a4476 rgb(42,68,118)
```
#2f4c84
```
#2f4c84 rgb(47,76,132)
```
#345593
```
#345593 rgb(52,85,147)
```
#395da1
```
#395da1 rgb(57,93,161)
```
#3f65b0
```
#3f65b0 rgb(63,101,176)
```

Shade Color Variation

#456ebd
```
#456ebd rgb(69,110,189)
```
#5479c2
```
#5479c2 rgb(84,121,194)
```
#6285c7
```
#6285c7 rgb(98,133,199)
```
#7190cc
```
#7190cc rgb(113,144,204)
```
#7f9bd1
```
#7f9bd1 rgb(127,155,209)
```
#8ea7d7
```
#8ea7d7 rgb(142,167,215)
```
#9cb2dc
```
#9cb2dc rgb(156,178,220)
```
#aabde1
```
#aabde1 rgb(170,189,225)
```
#b9c8e6
```
#b9c8e6 rgb(185,200,230)
```
#c7d4eb
```
#c7d4eb rgb(199,212,235)
```
#d6dff0
```
#d6dff0 rgb(214,223,240)
```
#e4eaf6
```
#e4eaf6 rgb(228,234,246)
```
#f3f5fb
```
#f3f5fb rgb(243,245,251)
```

Tint Color Variation

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

#4f5051
```
#4f5051 rgb(79,80,81)
```
#494e57
```
#494e57 rgb(73,78,87)
```
#434c5d
```
#434c5d rgb(67,76,93)
```
#3c4a64
```
#3c4a64 rgb(60,74,100)
```
#36486a
```
#36486a rgb(54,72,106)
```
#304670
```
#304670 rgb(48,70,112)
```
#2a4476
```
#2a4476 rgb(42,68,118)
```
#24427c
```
#24427c rgb(36,66,124)
```
#1e4082
```
#1e4082 rgb(30,64,130)
```
#183e88
```
#183e88 rgb(24,62,136)
```
#113c8f
```
#113c8f rgb(17,60,143)
```
#0b3a95
```
#0b3a95 rgb(11,58,149)
```
#05389b
```
#05389b rgb(5,56,155)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3d424c Atypical Achromatopsia 0.001% of the population

Dichromacy

#394d7c Protanopia 1% of men
#2c4f7c Deuteranopia 1% of men
#1f555b Tritanopia 0.001% of the population

Trichromacy

#33497a Protanomaly 1% of men, 0.01% of women
#2b4b7a Deuteranomaly 6% of men, 0.4% of women
#234f65 Tritanomaly 0.01% of the population

#2a4476 hex color

#2a4476 Color Information

#2a4476 Color Conversion

Color Schemes with #2a4476

Alternatives to #2a4476

#2a4476 Preview

Shades and Tints of #2a4476

Tones of #2a4476

Color Blindness Simulator