#2a3774 hex color

In a RGB color space, hex #2a3774 is composed of 16.5% red, 21.6% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 52.6% magenta, 0% yellow and 54.5% black. It has a hue angle of 229.5 degrees, a saturation of 46.8% and a lightness of 31%. #2a3774 color hex could be obtained by blending #546ee8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 22
- B 45
RGB color chart
- C 64
- M 53
- Y 0
- K 55
CMYK color chart

● #2a3774 color description : Dark moderate blue.

The hexadecimal color #2a3774 has RGB values of R:42, G:55, B:116 and CMYK values of C:0.64, M:0.53, Y:0, K:0.55. Its decimal value is 2766708.

Hex triplet	2a3774	`#2a3774`
RGB Decimal	42, 55, 116	`rgb(42,55,116)`
RGB Percent	16.5, 21.6, 45.5	`rgb(16.5%,21.6%,45.5%)`
CMYK	64, 53, 0, 55
HSL	229.5°, 46.8, 31	`hsl(229.5,46.8%,31%)`
HSV (or HSB)	229.5°, 63.8, 45.5
Web Safe	333366	`#333366`

CIE-LAB	25.215, 15.424, -36.844
XYZ	5.473, 4.485, 17.099
xyY	0.202, 0.166, 4.485
CIE-LCH	25.215, 39.942, 292.716
CIE-LUV	25.215, -7.005, -46.849
Hunter-Lab	21.179, 9.064, -33.045
Binary	00101010, 00110111, 01110100

#2a3774
```
#2a3774 rgb(42,55,116)
```
#74672a
```
#74672a rgb(116,103,42)
```

Complementary Color

#2a5c74
```
#2a5c74 rgb(42,92,116)
```
#2a3774
```
#2a3774 rgb(42,55,116)
```
#422a74
```
#422a74 rgb(66,42,116)
```

Analogous Color

#5c742a
```
#5c742a rgb(92,116,42)
```
#2a3774
```
#2a3774 rgb(42,55,116)
```
#74422a
```
#74422a rgb(116,66,42)
```

Split Complementary Color

#37742a
```
#37742a rgb(55,116,42)
```
#2a3774
```
#2a3774 rgb(42,55,116)
```
#742a37
```
#742a37 rgb(116,42,55)
```

Triadic Color

#2a7467
```
#2a7467 rgb(42,116,103)
```
#2a3774
```
#2a3774 rgb(42,55,116)
```
#742a37
```
#742a37 rgb(116,42,55)
```
#74672a
```
#74672a rgb(116,103,42)
```

Tetradic Color

#161c3c
```
#161c3c rgb(22,28,60)
```
#1c254f
```
#1c254f rgb(28,37,79)
```
#232e61
```
#232e61 rgb(35,46,97)
```
#2a3774
```
#2a3774 rgb(42,55,116)
```
#314087
```
#314087 rgb(49,64,135)
```
#384999
```
#384999 rgb(56,73,153)
```
#3e52ac
```
#3e52ac rgb(62,82,172)
```

Monochromatic Color

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

#2a4a74
```
#2a4a74 rgb(42,74,116)
```
#2a4374
```
#2a4374 rgb(42,67,116)
```
#2a3d74
```
#2a3d74 rgb(42,61,116)
```
#2a3774
```
#2a3774 rgb(42,55,116)
```
#2a3174
```
#2a3174 rgb(42,49,116)
```
#2a2b74
```
#2a2b74 rgb(42,43,116)
```
#302a74
```
#302a74 rgb(48,42,116)
```

Similar Colors

Text with hexadecimal color #2a3774

This text has a font color of #2a3774.

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

#2a3774 background color

This paragraph has a background color of #2a3774.

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

#2a3774 border color

This element has a border color of #2a3774.

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

CSS codes

.text {color:#2a3774;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#06070f
```
#06070f rgb(6,7,15)
```
#0b0e1e
```
#0b0e1e rgb(11,14,30)
```
#10152c
```
#10152c rgb(16,21,44)
```
#151c3a
```
#151c3a rgb(21,28,58)
```
#1a2349
```
#1a2349 rgb(26,35,73)
```
#202957
```
#202957 rgb(32,41,87)
```
#253066
```
#253066 rgb(37,48,102)
```
#2a3774
```
#2a3774 rgb(42,55,116)
```
#2f3e82
```
#2f3e82 rgb(47,62,130)
```
#344591
```
#344591 rgb(52,69,145)
```
#3a4b9f
```
#3a4b9f rgb(58,75,159)
```
#3f52ae
```
#3f52ae rgb(63,82,174)
```

Shade Color Variation

#4559bc
```
#4559bc rgb(69,89,188)
```
#5366c1
```
#5366c1 rgb(83,102,193)
```
#6173c6
```
#6173c6 rgb(97,115,198)
```
#7080cb
```
#7080cb rgb(112,128,203)
```
#7e8dd0
```
#7e8dd0 rgb(126,141,208)
```
#8d99d6
```
#8d99d6 rgb(141,153,214)
```
#9ba6db
```
#9ba6db rgb(155,166,219)
```
#a9b3e0
```
#a9b3e0 rgb(169,179,224)
```
#b8c0e5
```
#b8c0e5 rgb(184,192,229)
```
#c6cdea
```
#c6cdea rgb(198,205,234)
```
#d5d9f0
```
#d5d9f0 rgb(213,217,240)
```
#e3e6f5
```
#e3e6f5 rgb(227,230,245)
```
#f1f3fa
```
#f1f3fa rgb(241,243,250)
```

Tint Color Variation

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

#4e4f50
```
#4e4f50 rgb(78,79,80)
```
#484b56
```
#484b56 rgb(72,75,86)
```
#42475c
```
#42475c rgb(66,71,92)
```
#3c4362
```
#3c4362 rgb(60,67,98)
```
#363f68
```
#363f68 rgb(54,63,104)
```
#303b6e
```
#303b6e rgb(48,59,110)
```
#2a3774
```
#2a3774 rgb(42,55,116)
```
#24337a
```
#24337a rgb(36,51,122)
```
#1e2f80
```
#1e2f80 rgb(30,47,128)
```
#182b86
```
#182b86 rgb(24,43,134)
```
#12278c
```
#12278c rgb(18,39,140)
```
#0c2392
```
#0c2392 rgb(12,35,146)
```
#061f98
```
#061f98 rgb(6,31,152)
```

Tone Color Variation

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

#21447d Protanopia 1% of men
#004776 Deuteranopia 1% of men
#194c51 Tritanopia 0.001% of the population

Trichromacy

#243f7a Protanomaly 1% of men, 0.01% of women
#0f4175 Deuteranomaly 6% of men, 0.4% of women
#1f445e Tritanomaly 0.01% of the population

#2a3774 hex color

#2a3774 Color Information

#2a3774 Color Conversion

Color Schemes with #2a3774

Alternatives to #2a3774

#2a3774 Preview

Shades and Tints of #2a3774

Tones of #2a3774

Color Blindness Simulator