#2e537e hex color

In a RGB color space, hex #2e537e is composed of 18% red, 32.5% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 34.1% magenta, 0% yellow and 50.6% black. It has a hue angle of 212.3 degrees, a saturation of 46.5% and a lightness of 33.7%. #2e537e color hex could be obtained by blending #5ca6fc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 33
- B 49
RGB color chart
- C 63
- M 34
- Y 0
- K 51
CMYK color chart

● #2e537e color description : Dark moderate blue.

The hexadecimal color #2e537e has RGB values of R:46, G:83, B:126 and CMYK values of C:0.63, M:0.34, Y:0, K:0.51. Its decimal value is 3036030.

Hex triplet	2e537e	`#2e537e`
RGB Decimal	46, 83, 126	`rgb(46,83,126)`
RGB Percent	18, 32.5, 49.4	`rgb(18%,32.5%,49.4%)`
CMYK	63, 34, 0, 51
HSL	212.3°, 46.5, 33.7	`hsl(212.3,46.5%,33.7%)`
HSV (or HSB)	212.3°, 63.5, 49.4
Web Safe	336666	`#336666`

CIE-LAB	34.546, 1.117, -28.247
XYZ	7.985, 8.273, 20.914
xyY	0.215, 0.223, 8.273
CIE-LCH	34.546, 28.269, 272.264
CIE-LUV	34.546, -15.223, -38.69
Hunter-Lab	28.763, -0.782, -22.975
Binary	00101110, 01010011, 01111110

#2e537e
```
#2e537e rgb(46,83,126)
```
#7e592e
```
#7e592e rgb(126,89,46)
```

Complementary Color

#2e7b7e
```
#2e7b7e rgb(46,123,126)
```
#2e537e
```
#2e537e rgb(46,83,126)
```
#312e7e
```
#312e7e rgb(49,46,126)
```

Analogous Color

#7b7e2e
```
#7b7e2e rgb(123,126,46)
```
#2e537e
```
#2e537e rgb(46,83,126)
```
#7e312e
```
#7e312e rgb(126,49,46)
```

Split Complementary Color

#537e2e
```
#537e2e rgb(83,126,46)
```
#2e537e
```
#2e537e rgb(46,83,126)
```
#7e2e53
```
#7e2e53 rgb(126,46,83)
```

Triadic Color

#2e7e59
```
#2e7e59 rgb(46,126,89)
```
#2e537e
```
#2e537e rgb(46,83,126)
```
#7e2e53
```
#7e2e53 rgb(126,46,83)
```
#7e592e
```
#7e592e rgb(126,89,46)
```

Tetradic Color

#1a2e46
```
#1a2e46 rgb(26,46,70)
```
#203a59
```
#203a59 rgb(32,58,89)
```
#27476b
```
#27476b rgb(39,71,107)
```
#2e537e
```
#2e537e rgb(46,83,126)
```
#355f91
```
#355f91 rgb(53,95,145)
```
#3c6ca3
```
#3c6ca3 rgb(60,108,163)
```
#4278b6
```
#4278b6 rgb(66,120,182)
```

Monochromatic Color

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

#2e677e
```
#2e677e rgb(46,103,126)
```
#2e607e
```
#2e607e rgb(46,96,126)
```
#2e5a7e
```
#2e5a7e rgb(46,90,126)
```
#2e537e
```
#2e537e rgb(46,83,126)
```
#2e4c7e
```
#2e4c7e rgb(46,76,126)
```
#2e467e
```
#2e467e rgb(46,70,126)
```
#2e3f7e
```
#2e3f7e rgb(46,63,126)
```

Similar Colors

Text with hexadecimal color #2e537e

This text has a font color of #2e537e.

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

#2e537e background color

This paragraph has a background color of #2e537e.

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

#2e537e border color

This element has a border color of #2e537e.

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

CSS codes

.text {color:#2e537e;}

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

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

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, #04070b is the darkest color, while #fcfdfe is the lightest one.

#04070b
```
#04070b rgb(4,7,11)
```
#091119
```
#091119 rgb(9,17,25)
```
#0f1a28
```
#0f1a28 rgb(15,26,40)
```
#142436
```
#142436 rgb(20,36,54)
```
#192d45
```
#192d45 rgb(25,45,69)
```
#1e3753
```
#1e3753 rgb(30,55,83)
```
#244061
```
#244061 rgb(36,64,97)
```
#294a70
```
#294a70 rgb(41,74,112)
```
#2e537e
```
#2e537e rgb(46,83,126)
```
#335c8c
```
#335c8c rgb(51,92,140)
```
#38669b
```
#38669b rgb(56,102,155)
```
#3e6fa9
```
#3e6fa9 rgb(62,111,169)
```
#4379b7
```
#4379b7 rgb(67,121,183)
```

Shade Color Variation

#4f83bf
```
#4f83bf rgb(79,131,191)
```
#5e8dc4
```
#5e8dc4 rgb(94,141,196)
```
#6c97c9
```
#6c97c9 rgb(108,151,201)
```
#7aa1cf
```
#7aa1cf rgb(122,161,207)
```
#89abd4
```
#89abd4 rgb(137,171,212)
```
#97b6d9
```
#97b6d9 rgb(151,182,217)
```
#a5c0de
```
#a5c0de rgb(165,192,222)
```
#b4cae4
```
#b4cae4 rgb(180,202,228)
```
#c2d4e9
```
#c2d4e9 rgb(194,212,233)
```
#d1deee
```
#d1deee rgb(209,222,238)
```
#dfe8f3
```
#dfe8f3 rgb(223,232,243)
```
#edf3f9
```
#edf3f9 rgb(237,243,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565656 is the less saturated color, while #0650a6 is the most saturated one.

#565656
```
#565656 rgb(86,86,86)
```
#4f555d
```
#4f555d rgb(79,85,93)
```
#485564
```
#485564 rgb(72,85,100)
```
#42546a
```
#42546a rgb(66,84,106)
```
#3b5471
```
#3b5471 rgb(59,84,113)
```
#355377
```
#355377 rgb(53,83,119)
```
#2e537e
```
#2e537e rgb(46,83,126)
```
#275385
```
#275385 rgb(39,83,133)
```
#21528b
```
#21528b rgb(33,82,139)
```
#1a5292
```
#1a5292 rgb(26,82,146)
```
#145198
```
#145198 rgb(20,81,152)
```
#0d519f
```
#0d519f rgb(13,81,159)
```
#0650a6
```
#0650a6 rgb(6,80,166)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#474e57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5882 Protanopia 1% of men
#425a85 Deuteranopia 1% of men
#276168 Tritanopia 0.001% of the population

Trichromacy

#405680 Protanomaly 1% of men, 0.01% of women
#3b5782 Deuteranomaly 6% of men, 0.4% of women
#295c70 Tritanomaly 0.01% of the population

#2e537e hex color

#2e537e Color Information

#2e537e Color Conversion

Color Schemes with #2e537e

Alternatives to #2e537e

#2e537e Preview

Shades and Tints of #2e537e

Tones of #2e537e

Color Blindness Simulator