#2a3877 hex color

In a RGB color space, hex #2a3877 is composed of 16.5% red, 22% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 52.9% magenta, 0% yellow and 53.3% black. It has a hue angle of 229.1 degrees, a saturation of 47.8% and a lightness of 31.6%. #2a3877 color hex could be obtained by blending #5470ee with #000000. Closest websafe color is: #333366.

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

● #2a3877 color description : Dark moderate blue.

The hexadecimal color #2a3877 has RGB values of R:42, G:56, B:119 and CMYK values of C:0.65, M:0.53, Y:0, K:0.53. Its decimal value is 2766967.

Hex triplet	2a3877	`#2a3877`
RGB Decimal	42, 56, 119	`rgb(42,56,119)`
RGB Percent	16.5, 22, 46.7	`rgb(16.5%,22%,46.7%)`
CMYK	65, 53, 0, 53
HSL	229.1°, 47.8, 31.6	`hsl(229.1,47.8%,31.6%)`
HSV (or HSB)	229.1°, 64.7, 46.7
Web Safe	333366	`#333366`

CIE-LAB	25.72, 15.862, -37.935
XYZ	5.698, 4.652, 18.049
xyY	0.201, 0.164, 4.652
CIE-LCH	25.72, 41.118, 292.691
CIE-LUV	25.72, -7.36, -48.596
Hunter-Lab	21.569, 9.411, -34.517
Binary	00101010, 00111000, 01110111

#2a3877
```
#2a3877 rgb(42,56,119)
```
#77692a
```
#77692a rgb(119,105,42)
```

Complementary Color

#2a5f77
```
#2a5f77 rgb(42,95,119)
```
#2a3877
```
#2a3877 rgb(42,56,119)
```
#422a77
```
#422a77 rgb(66,42,119)
```

Analogous Color

#5f772a
```
#5f772a rgb(95,119,42)
```
#2a3877
```
#2a3877 rgb(42,56,119)
```
#77422a
```
#77422a rgb(119,66,42)
```

Split Complementary Color

#38772a
```
#38772a rgb(56,119,42)
```
#2a3877
```
#2a3877 rgb(42,56,119)
```
#772a38
```
#772a38 rgb(119,42,56)
```

Triadic Color

#2a7769
```
#2a7769 rgb(42,119,105)
```
#2a3877
```
#2a3877 rgb(42,56,119)
```
#772a38
```
#772a38 rgb(119,42,56)
```
#77692a
```
#77692a rgb(119,105,42)
```

Tetradic Color

#161d3e
```
#161d3e rgb(22,29,62)
```
#1d2651
```
#1d2651 rgb(29,38,81)
```
#232f64
```
#232f64 rgb(35,47,100)
```
#2a3877
```
#2a3877 rgb(42,56,119)
```
#31418a
```
#31418a rgb(49,65,138)
```
#374a9d
```
#374a9d rgb(55,74,157)
```
#3e53b0
```
#3e53b0 rgb(62,83,176)
```

Monochromatic Color

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

#2a4b77
```
#2a4b77 rgb(42,75,119)
```
#2a4577
```
#2a4577 rgb(42,69,119)
```
#2a3e77
```
#2a3e77 rgb(42,62,119)
```
#2a3877
```
#2a3877 rgb(42,56,119)
```
#2a3277
```
#2a3277 rgb(42,50,119)
```
#2a2b77
```
#2a2b77 rgb(42,43,119)
```
#2f2a77
```
#2f2a77 rgb(47,42,119)
```

Similar Colors

Text with hexadecimal color #2a3877

This text has a font color of #2a3877.

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

#2a3877 background color

This paragraph has a background color of #2a3877.

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

#2a3877 border color

This element has a border color of #2a3877.

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

CSS codes

.text {color:#2a3877;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#060812
```
#060812 rgb(6,8,18)
```
#0b0f20
```
#0b0f20 rgb(11,15,32)
```
#10162f
```
#10162f rgb(16,22,47)
```
#161d3d
```
#161d3d rgb(22,29,61)
```
#1b244c
```
#1b244c rgb(27,36,76)
```
#202a5a
```
#202a5a rgb(32,42,90)
```
#253169
```
#253169 rgb(37,49,105)
```
#2a3877
```
#2a3877 rgb(42,56,119)
```
#2f3f85
```
#2f3f85 rgb(47,63,133)
```
#344694
```
#344694 rgb(52,70,148)
```
#394ca2
```
#394ca2 rgb(57,76,162)
```
#3e53b1
```
#3e53b1 rgb(62,83,177)
```

Shade Color Variation

#465bbe
```
#465bbe rgb(70,91,190)
```
#5468c3
```
#5468c3 rgb(84,104,195)
```
#6375c8
```
#6375c8 rgb(99,117,200)
```
#7182cd
```
#7182cd rgb(113,130,205)
```
#808fd2
```
#808fd2 rgb(128,143,210)
```
#8e9bd7
```
#8e9bd7 rgb(142,155,215)
```
#9da8dc
```
#9da8dc rgb(157,168,220)
```
#abb5e1
```
#abb5e1 rgb(171,181,225)
```
#bac2e6
```
#bac2e6 rgb(186,194,230)
```
#c8ceec
```
#c8ceec rgb(200,206,236)
```
#d7dbf1
```
#d7dbf1 rgb(215,219,241)
```
#e5e8f6
```
#e5e8f6 rgb(229,232,246)
```
#f4f5fb
```
#f4f5fb rgb(244,245,251)
```

Tint Color Variation

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

#4f5052
```
#4f5052 rgb(79,80,82)
```
#494c58
```
#494c58 rgb(73,76,88)
```
#43485e
```
#43485e rgb(67,72,94)
```
#3d4464
```
#3d4464 rgb(61,68,100)
```
#36406b
```
#36406b rgb(54,64,107)
```
#303c71
```
#303c71 rgb(48,60,113)
```
#2a3877
```
#2a3877 rgb(42,56,119)
```
#24347d
```
#24347d rgb(36,52,125)
```
#1e3083
```
#1e3083 rgb(30,48,131)
```
#172c8a
```
#172c8a rgb(23,44,138)
```
#112890
```
#112890 rgb(17,40,144)
```
#0b2496
```
#0b2496 rgb(11,36,150)
```
#05209c
```
#05209c rgb(5,32,156)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#383a47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#204580 Protanopia 1% of men
#004877 Deuteranopia 1% of men
#154d53 Tritanopia 0.001% of the population

Trichromacy

#23407d Protanomaly 1% of men, 0.01% of women
#0f4277 Deuteranomaly 6% of men, 0.4% of women
#1d4560 Tritanomaly 0.01% of the population

#2a3877 hex color

#2a3877 Color Information

#2a3877 Color Conversion

Color Schemes with #2a3877

Alternatives to #2a3877

#2a3877 Preview

Shades and Tints of #2a3877

Tones of #2a3877

Color Blindness Simulator