#2e3577 hex color

In a RGB color space, hex #2e3577 is composed of 18% red, 20.8% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 61.3% cyan, 55.5% magenta, 0% yellow and 53.3% black. It has a hue angle of 234.2 degrees, a saturation of 44.2% and a lightness of 32.4%. #2e3577 color hex could be obtained by blending #5c6aee with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 21
- B 47
RGB color chart
- C 61
- M 55
- Y 0
- K 53
CMYK color chart

● #2e3577 color description : Dark moderate blue.

The hexadecimal color #2e3577 has RGB values of R:46, G:53, B:119 and CMYK values of C:0.61, M:0.55, Y:0, K:0.53. Its decimal value is 3028343.

Hex triplet	2e3577	`#2e3577`
RGB Decimal	46, 53, 119	`rgb(46,53,119)`
RGB Percent	18, 20.8, 46.7	`rgb(18%,20.8%,46.7%)`
CMYK	61, 55, 0, 53
HSL	234.2°, 44.2, 32.4	`hsl(234.2,44.2%,32.4%)`
HSV (or HSB)	234.2°, 61.3, 46.7
Web Safe	333366	`#333366`

CIE-LAB	25.133, 18.743, -38.868
XYZ	5.729, 4.459, 18.01
xyY	0.203, 0.158, 4.459
CIE-LCH	25.133, 43.151, 295.744
CIE-LUV	25.133, -5.518, -49.49
Hunter-Lab	21.116, 11.477, -35.79
Binary	00101110, 00110101, 01110111

#2e3577
```
#2e3577 rgb(46,53,119)
```
#77702e
```
#77702e rgb(119,112,46)
```

Complementary Color

#2e5a77
```
#2e5a77 rgb(46,90,119)
```
#2e3577
```
#2e3577 rgb(46,53,119)
```
#4b2e77
```
#4b2e77 rgb(75,46,119)
```

Analogous Color

#5a772e
```
#5a772e rgb(90,119,46)
```
#2e3577
```
#2e3577 rgb(46,53,119)
```
#774b2e
```
#774b2e rgb(119,75,46)
```

Split Complementary Color

#35772e
```
#35772e rgb(53,119,46)
```
#2e3577
```
#2e3577 rgb(46,53,119)
```
#772e35
```
#772e35 rgb(119,46,53)
```

Triadic Color

#2e7770
```
#2e7770 rgb(46,119,112)
```
#2e3577
```
#2e3577 rgb(46,53,119)
```
#772e35
```
#772e35 rgb(119,46,53)
```
#77702e
```
#77702e rgb(119,112,46)
```

Tetradic Color

#191c40
```
#191c40 rgb(25,28,64)
```
#202552
```
#202552 rgb(32,37,82)
```
#272d65
```
#272d65 rgb(39,45,101)
```
#2e3577
```
#2e3577 rgb(46,53,119)
```
#353d89
```
#353d89 rgb(53,61,137)
```
#3c459c
```
#3c459c rgb(60,69,156)
```
#434eae
```
#434eae rgb(67,78,174)
```

Monochromatic Color

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

#2e4777
```
#2e4777 rgb(46,71,119)
```
#2e4177
```
#2e4177 rgb(46,65,119)
```
#2e3b77
```
#2e3b77 rgb(46,59,119)
```
#2e3577
```
#2e3577 rgb(46,53,119)
```
#2e2f77
```
#2e2f77 rgb(46,47,119)
```
#332e77
```
#332e77 rgb(51,46,119)
```
#392e77
```
#392e77 rgb(57,46,119)
```

Similar Colors

Text with hexadecimal color #2e3577

This text has a font color of #2e3577.

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

#2e3577 background color

This paragraph has a background color of #2e3577.

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

#2e3577 border color

This element has a border color of #2e3577.

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

CSS codes

.text {color:#2e3577;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#080914
```
#080914 rgb(8,9,20)
```
#0d0f22
```
#0d0f22 rgb(13,15,34)
```
#131530
```
#131530 rgb(19,21,48)
```
#181c3e
```
#181c3e rgb(24,28,62)
```
#1e224d
```
#1e224d rgb(30,34,77)
```
#23285b
```
#23285b rgb(35,40,91)
```
#292f69
```
#292f69 rgb(41,47,105)
```
#2e3577
```
#2e3577 rgb(46,53,119)
```
#333b85
```
#333b85 rgb(51,59,133)
```
#394293
```
#394293 rgb(57,66,147)
```
#3e48a1
```
#3e48a1 rgb(62,72,161)
```
#444eb0
```
#444eb0 rgb(68,78,176)
```

Shade Color Variation

#4d57ba
```
#4d57ba rgb(77,87,186)
```
#5b65c0
```
#5b65c0 rgb(91,101,192)
```
#6972c5
```
#6972c5 rgb(105,114,197)
```
#777fcb
```
#777fcb rgb(119,127,203)
```
#868dd0
```
#868dd0 rgb(134,141,208)
```
#949ad6
```
#949ad6 rgb(148,154,214)
```
#a2a7db
```
#a2a7db rgb(162,167,219)
```
#b0b5e0
```
#b0b5e0 rgb(176,181,224)
```
#bec2e6
```
#bec2e6 rgb(190,194,230)
```
#cccfeb
```
#cccfeb rgb(204,207,235)
```
#daddf1
```
#daddf1 rgb(218,221,241)
```
#e9eaf6
```
#e9eaf6 rgb(233,234,246)
```
#f7f7fc
```
#f7f7fc rgb(247,247,252)
```

Tint Color Variation

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

#4e4f57
```
#4e4f57 rgb(78,79,87)
```
#474a5e
```
#474a5e rgb(71,74,94)
```
#414464
```
#414464 rgb(65,68,100)
```
#3b3f6a
```
#3b3f6a rgb(59,63,106)
```
#343a71
```
#343a71 rgb(52,58,113)
```
#2e3577
```
#2e3577 rgb(46,53,119)
```
#28307d
```
#28307d rgb(40,48,125)
```
#212b84
```
#212b84 rgb(33,43,132)
```
#1b268a
```
#1b268a rgb(27,38,138)
```
#152090
```
#152090 rgb(21,32,144)
```
#0e1b97
```
#0e1b97 rgb(14,27,151)
```
#08169d
```
#08169d rgb(8,22,157)
```
#0211a3
```
#0211a3 rgb(2,17,163)
```

Tone Color Variation

Below, you can see how #2e3577 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
#383946 Atypical Achromatopsia 0.001% of the population

Dichromacy

#164381 Protanopia 1% of men
#004775 Deuteranopia 1% of men
#1e4b51 Tritanopia 0.001% of the population

Trichromacy

#1f3e7d Protanomaly 1% of men, 0.01% of women
#104076 Deuteranomaly 6% of men, 0.4% of women
#24435e Tritanomaly 0.01% of the population

#2e3577 hex color

#2e3577 Color Information

#2e3577 Color Conversion

Color Schemes with #2e3577

Alternatives to #2e3577

#2e3577 Preview

Shades and Tints of #2e3577

Tones of #2e3577

Color Blindness Simulator