#2a3676 hex color

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

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

● #2a3676 color description : Dark moderate blue.

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

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

CIE-LAB	25.071, 16.874, -38.348
XYZ	5.543, 4.438, 17.703
xyY	0.2, 0.16, 4.438
CIE-LCH	25.071, 41.896, 293.75
CIE-LUV	25.071, -6.771, -48.678
Hunter-Lab	21.067, 10.1, -35.075
Binary	00101010, 00110110, 01110110

#2a3676
```
#2a3676 rgb(42,54,118)
```
#766a2a
```
#766a2a rgb(118,106,42)
```

Complementary Color

#2a5c76
```
#2a5c76 rgb(42,92,118)
```
#2a3676
```
#2a3676 rgb(42,54,118)
```
#442a76
```
#442a76 rgb(68,42,118)
```

Analogous Color

#5c762a
```
#5c762a rgb(92,118,42)
```
#2a3676
```
#2a3676 rgb(42,54,118)
```
#76442a
```
#76442a rgb(118,68,42)
```

Split Complementary Color

#36762a
```
#36762a rgb(54,118,42)
```
#2a3676
```
#2a3676 rgb(42,54,118)
```
#762a36
```
#762a36 rgb(118,42,54)
```

Triadic Color

#2a766a
```
#2a766a rgb(42,118,106)
```
#2a3676
```
#2a3676 rgb(42,54,118)
```
#762a36
```
#762a36 rgb(118,42,54)
```
#766a2a
```
#766a2a rgb(118,106,42)
```

Tetradic Color

#161c3e
```
#161c3e rgb(22,28,62)
```
#1d2550
```
#1d2550 rgb(29,37,80)
```
#232d63
```
#232d63 rgb(35,45,99)
```
#2a3676
```
#2a3676 rgb(42,54,118)
```
#313f89
```
#313f89 rgb(49,63,137)
```
#37479c
```
#37479c rgb(55,71,156)
```
#3e50ae
```
#3e50ae rgb(62,80,174)
```

Monochromatic Color

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

#2a4976
```
#2a4976 rgb(42,73,118)
```
#2a4376
```
#2a4376 rgb(42,67,118)
```
#2a3c76
```
#2a3c76 rgb(42,60,118)
```
#2a3676
```
#2a3676 rgb(42,54,118)
```
#2a3076
```
#2a3076 rgb(42,48,118)
```
#2b2a76
```
#2b2a76 rgb(43,42,118)
```
#312a76
```
#312a76 rgb(49,42,118)
```

Similar Colors

Text with hexadecimal color #2a3676

This text has a font color of #2a3676.

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

#2a3676 background color

This paragraph has a background color of #2a3676.

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

#2a3676 border color

This element has a border color of #2a3676.

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

CSS codes

.text {color:#2a3676;}

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

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

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)
```
#151c3c
```
#151c3c rgb(21,28,60)
```
#1b224b
```
#1b224b rgb(27,34,75)
```
#202959
```
#202959 rgb(32,41,89)
```
#252f68
```
#252f68 rgb(37,47,104)
```
#2a3676
```
#2a3676 rgb(42,54,118)
```
#2f3d84
```
#2f3d84 rgb(47,61,132)
```
#344393
```
#344393 rgb(52,67,147)
```
#394aa1
```
#394aa1 rgb(57,74,161)
```
#3f50b0
```
#3f50b0 rgb(63,80,176)
```

Shade Color Variation

#4558bd
```
#4558bd rgb(69,88,189)
```
#5465c2
```
#5465c2 rgb(84,101,194)
```
#6272c7
```
#6272c7 rgb(98,114,199)
```
#717fcc
```
#717fcc rgb(113,127,204)
```
#7f8cd1
```
#7f8cd1 rgb(127,140,209)
```
#8e99d7
```
#8e99d7 rgb(142,153,215)
```
#9ca6dc
```
#9ca6dc rgb(156,166,220)
```
#aab3e1
```
#aab3e1 rgb(170,179,225)
```
#b9c0e6
```
#b9c0e6 rgb(185,192,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 #051d9b is the most saturated one.

#4f4f51
```
#4f4f51 rgb(79,79,81)
```
#494b57
```
#494b57 rgb(73,75,87)
```
#43475d
```
#43475d rgb(67,71,93)
```
#3c4364
```
#3c4364 rgb(60,67,100)
```
#363e6a
```
#363e6a rgb(54,62,106)
```
#303a70
```
#303a70 rgb(48,58,112)
```
#2a3676
```
#2a3676 rgb(42,54,118)
```
#24327c
```
#24327c rgb(36,50,124)
```
#1e2e82
```
#1e2e82 rgb(30,46,130)
```
#182988
```
#182988 rgb(24,41,136)
```
#11258f
```
#11258f rgb(17,37,143)
```
#0b2195
```
#0b2195 rgb(11,33,149)
```
#051d9b
```
#051d9b rgb(5,29,155)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#373946 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1b4380 Protanopia 1% of men
#004675 Deuteranopia 1% of men
#154b51 Tritanopia 0.001% of the population

Trichromacy

#203e7c Protanomaly 1% of men, 0.01% of women
#0f4075 Deuteranomaly 6% of men, 0.4% of women
#1d435e Tritanomaly 0.01% of the population

#2a3676 hex color

#2a3676 Color Information

#2a3676 Color Conversion

Color Schemes with #2a3676

Alternatives to #2a3676

#2a3676 Preview

Shades and Tints of #2a3676

Tones of #2a3676

Color Blindness Simulator