#2a4076 hex color

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

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

● #2a4076 color description : Dark moderate blue.

The hexadecimal color #2a4076 has RGB values of R:42, G:64, B:118 and CMYK values of C:0.64, M:0.46, Y:0, K:0.54. Its decimal value is 2769014.

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

CIE-LAB	28.025, 9.958, -33.605
XYZ	6.058, 5.467, 17.875
xyY	0.206, 0.186, 5.467
CIE-LCH	28.025, 35.049, 286.505
CIE-LUV	28.025, -9.772, -44.111
Hunter-Lab	23.381, 5.329, -28.96
Binary	00101010, 01000000, 01110110

#2a4076
```
#2a4076 rgb(42,64,118)
```
#76602a
```
#76602a rgb(118,96,42)
```

Complementary Color

#2a6676
```
#2a6676 rgb(42,102,118)
```
#2a4076
```
#2a4076 rgb(42,64,118)
```
#3a2a76
```
#3a2a76 rgb(58,42,118)
```

Analogous Color

#66762a
```
#66762a rgb(102,118,42)
```
#2a4076
```
#2a4076 rgb(42,64,118)
```
#763a2a
```
#763a2a rgb(118,58,42)
```

Split Complementary Color

#40762a
```
#40762a rgb(64,118,42)
```
#2a4076
```
#2a4076 rgb(42,64,118)
```
#762a40
```
#762a40 rgb(118,42,64)
```

Triadic Color

#2a7660
```
#2a7660 rgb(42,118,96)
```
#2a4076
```
#2a4076 rgb(42,64,118)
```
#762a40
```
#762a40 rgb(118,42,64)
```
#76602a
```
#76602a rgb(118,96,42)
```

Tetradic Color

#16213e
```
#16213e rgb(22,33,62)
```
#1d2c50
```
#1d2c50 rgb(29,44,80)
```
#233663
```
#233663 rgb(35,54,99)
```
#2a4076
```
#2a4076 rgb(42,64,118)
```
#314a89
```
#314a89 rgb(49,74,137)
```
#37549c
```
#37549c rgb(55,84,156)
```
#3e5fae
```
#3e5fae rgb(62,95,174)
```

Monochromatic Color

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

#2a5376
```
#2a5376 rgb(42,83,118)
```
#2a4d76
```
#2a4d76 rgb(42,77,118)
```
#2a4676
```
#2a4676 rgb(42,70,118)
```
#2a4076
```
#2a4076 rgb(42,64,118)
```
#2a3a76
```
#2a3a76 rgb(42,58,118)
```
#2a3376
```
#2a3376 rgb(42,51,118)
```
#2a2d76
```
#2a2d76 rgb(42,45,118)
```

Similar Colors

Text with hexadecimal color #2a4076

This text has a font color of #2a4076.

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

#2a4076 background color

This paragraph has a background color of #2a4076.

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

#2a4076 border color

This element has a border color of #2a4076.

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

CSS codes

.text {color:#2a4076;}

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

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

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)
```
#060911
```
#060911 rgb(6,9,17)
```
#0b111f
```
#0b111f rgb(11,17,31)
```
#10192e
```
#10192e rgb(16,25,46)
```
#15213c
```
#15213c rgb(21,33,60)
```
#1b284b
```
#1b284b rgb(27,40,75)
```
#203059
```
#203059 rgb(32,48,89)
```
#253868
```
#253868 rgb(37,56,104)
```
#2a4076
```
#2a4076 rgb(42,64,118)
```
#2f4884
```
#2f4884 rgb(47,72,132)
```
#345093
```
#345093 rgb(52,80,147)
```
#3958a1
```
#3958a1 rgb(57,88,161)
```
#3f5fb0
```
#3f5fb0 rgb(63,95,176)
```

Shade Color Variation

#4568bd
```
#4568bd rgb(69,104,189)
```
#5474c2
```
#5474c2 rgb(84,116,194)
```
#627fc7
```
#627fc7 rgb(98,127,199)
```
#718bcc
```
#718bcc rgb(113,139,204)
```
#7f97d1
```
#7f97d1 rgb(127,151,209)
```
#8ea3d7
```
#8ea3d7 rgb(142,163,215)
```
#9caedc
```
#9caedc rgb(156,174,220)
```
#aabae1
```
#aabae1 rgb(170,186,225)
```
#b9c6e6
```
#b9c6e6 rgb(185,198,230)
```
#c7d2eb
```
#c7d2eb rgb(199,210,235)
```
#d6def0
```
#d6def0 rgb(214,222,240)
```
#e4e9f6
```
#e4e9f6 rgb(228,233,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 #05309b is the most saturated one.

#4f5051
```
#4f5051 rgb(79,80,81)
```
#494d57
```
#494d57 rgb(73,77,87)
```
#434a5d
```
#434a5d rgb(67,74,93)
```
#3c4864
```
#3c4864 rgb(60,72,100)
```
#36456a
```
#36456a rgb(54,69,106)
```
#304370
```
#304370 rgb(48,67,112)
```
#2a4076
```
#2a4076 rgb(42,64,118)
```
#243d7c
```
#243d7c rgb(36,61,124)
```
#1e3b82
```
#1e3b82 rgb(30,59,130)
```
#183888
```
#183888 rgb(24,56,136)
```
#11368f
```
#11368f rgb(17,54,143)
```
#0b3395
```
#0b3395 rgb(11,51,149)
```
#05309b
```
#05309b rgb(5,48,155)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3c404b Atypical Achromatopsia 0.001% of the population

Dichromacy

#324a7d Protanopia 1% of men
#224c7b Deuteranopia 1% of men
#1c5258 Tritanopia 0.001% of the population

Trichromacy

#2f467a Protanomaly 1% of men, 0.01% of women
#254879 Deuteranomaly 6% of men, 0.4% of women
#214b63 Tritanomaly 0.01% of the population

#2a4076 hex color

#2a4076 Color Information

#2a4076 Color Conversion

Color Schemes with #2a4076

Alternatives to #2a4076

#2a4076 Preview

Shades and Tints of #2a4076

Tones of #2a4076

Color Blindness Simulator