#2a3576 hex color

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

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

● #2a3576 color description : Dark moderate blue.

The hexadecimal color #2a3576 has RGB values of R:42, G:53, B:118 and CMYK values of C:0.64, M:0.55, Y:0, K:0.54. Its decimal value is 2766198.

Hex triplet	2a3576	`#2a3576`
RGB Decimal	42, 53, 118	`rgb(42,53,118)`
RGB Percent	16.5, 20.8, 46.3	`rgb(16.5%,20.8%,46.3%)`
CMYK	64, 55, 0, 54
HSL	231.3°, 47.5, 31.4	`hsl(231.3,47.5%,31.4%)`
HSV (or HSB)	231.3°, 64.4, 46.3
Web Safe	333366	`#333366`

CIE-LAB	24.784, 17.568, -38.81
XYZ	5.497, 4.346, 17.688
xyY	0.2, 0.158, 4.346
CIE-LCH	24.784, 42.601, 294.355
CIE-LUV	24.784, -6.494, -49.057
Hunter-Lab	20.847, 10.586, -35.711
Binary	00101010, 00110101, 01110110

#2a3576
```
#2a3576 rgb(42,53,118)
```
#766b2a
```
#766b2a rgb(118,107,42)
```

Complementary Color

#2a5b76
```
#2a5b76 rgb(42,91,118)
```
#2a3576
```
#2a3576 rgb(42,53,118)
```
#452a76
```
#452a76 rgb(69,42,118)
```

Analogous Color

#5b762a
```
#5b762a rgb(91,118,42)
```
#2a3576
```
#2a3576 rgb(42,53,118)
```
#76452a
```
#76452a rgb(118,69,42)
```

Split Complementary Color

#35762a
```
#35762a rgb(53,118,42)
```
#2a3576
```
#2a3576 rgb(42,53,118)
```
#762a35
```
#762a35 rgb(118,42,53)
```

Triadic Color

#2a766b
```
#2a766b rgb(42,118,107)
```
#2a3576
```
#2a3576 rgb(42,53,118)
```
#762a35
```
#762a35 rgb(118,42,53)
```
#766b2a
```
#766b2a rgb(118,107,42)
```

Tetradic Color

#161c3e
```
#161c3e rgb(22,28,62)
```
#1d2450
```
#1d2450 rgb(29,36,80)
```
#232d63
```
#232d63 rgb(35,45,99)
```
#2a3576
```
#2a3576 rgb(42,53,118)
```
#313d89
```
#313d89 rgb(49,61,137)
```
#37469c
```
#37469c rgb(55,70,156)
```
#3e4eae
```
#3e4eae rgb(62,78,174)
```

Monochromatic Color

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

#2a4876
```
#2a4876 rgb(42,72,118)
```
#2a4276
```
#2a4276 rgb(42,66,118)
```
#2a3b76
```
#2a3b76 rgb(42,59,118)
```
#2a3576
```
#2a3576 rgb(42,53,118)
```
#2a2f76
```
#2a2f76 rgb(42,47,118)
```
#2c2a76
```
#2c2a76 rgb(44,42,118)
```
#322a76
```
#322a76 rgb(50,42,118)
```

Similar Colors

Text with hexadecimal color #2a3576

This text has a font color of #2a3576.

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

#2a3576 background color

This paragraph has a background color of #2a3576.

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

#2a3576 border color

This element has a border color of #2a3576.

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

CSS codes

.text {color:#2a3576;}

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

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

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 #f3f4fb is the lightest one.

#010102
```
#010102 rgb(1,1,2)
```
#060811
```
#060811 rgb(6,8,17)
```
#0b0e1f
```
#0b0e1f rgb(11,14,31)
```
#10152e
```
#10152e rgb(16,21,46)
```
#151b3c
```
#151b3c rgb(21,27,60)
```
#1b224b
```
#1b224b rgb(27,34,75)
```
#202859
```
#202859 rgb(32,40,89)
```
#252f68
```
#252f68 rgb(37,47,104)
```
#2a3576
```
#2a3576 rgb(42,53,118)
```
#2f3b84
```
#2f3b84 rgb(47,59,132)
```
#344293
```
#344293 rgb(52,66,147)
```
#3948a1
```
#3948a1 rgb(57,72,161)
```
#3f4fb0
```
#3f4fb0 rgb(63,79,176)
```

Shade Color Variation

#4557bd
```
#4557bd rgb(69,87,189)
```
#5464c2
```
#5464c2 rgb(84,100,194)
```
#6271c7
```
#6271c7 rgb(98,113,199)
```
#717ecc
```
#717ecc rgb(113,126,204)
```
#7f8bd1
```
#7f8bd1 rgb(127,139,209)
```
#8e98d7
```
#8e98d7 rgb(142,152,215)
```
#9ca5dc
```
#9ca5dc rgb(156,165,220)
```
#aab2e1
```
#aab2e1 rgb(170,178,225)
```
#b9bfe6
```
#b9bfe6 rgb(185,191,230)
```
#c7cdeb
```
#c7cdeb rgb(199,205,235)
```
#d6daf0
```
#d6daf0 rgb(214,218,240)
```
#e4e7f6
```
#e4e7f6 rgb(228,231,246)
```
#f3f4fb
```
#f3f4fb rgb(243,244,251)
```

Tint Color Variation

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

#4f4f51
```
#4f4f51 rgb(79,79,81)
```
#494b57
```
#494b57 rgb(73,75,87)
```
#43465d
```
#43465d rgb(67,70,93)
```
#3c4264
```
#3c4264 rgb(60,66,100)
```
#363e6a
```
#363e6a rgb(54,62,106)
```
#303970
```
#303970 rgb(48,57,112)
```
#2a3576
```
#2a3576 rgb(42,53,118)
```
#24317c
```
#24317c rgb(36,49,124)
```
#1e2c82
```
#1e2c82 rgb(30,44,130)
```
#182888
```
#182888 rgb(24,40,136)
```
#11248f
```
#11248f rgb(17,36,143)
```
#0b1f95
```
#0b1f95 rgb(11,31,149)
```
#051b9b
```
#051b9b rgb(5,27,155)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#363845 Atypical Achromatopsia 0.001% of the population

Dichromacy

#174280 Protanopia 1% of men
#004674 Deuteranopia 1% of men
#144b50 Tritanopia 0.001% of the population

Trichromacy

#1d3d7c Protanomaly 1% of men, 0.01% of women
#0f4074 Deuteranomaly 6% of men, 0.4% of women
#1c435e Tritanomaly 0.01% of the population

#2a3576 hex color

#2a3576 Color Information

#2a3576 Color Conversion

Color Schemes with #2a3576

Alternatives to #2a3576

#2a3576 Preview

Shades and Tints of #2a3576

Tones of #2a3576

Color Blindness Simulator