#2e529e hex color

In a RGB color space, hex #2e529e is composed of 18% red, 32.2% green and 62% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 48.1% magenta, 0% yellow and 38% black. It has a hue angle of 220.7 degrees, a saturation of 54.9% and a lightness of 40%. #2e529e color hex could be obtained by blending #5ca4ff with #00003d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 32
- B 62
RGB color chart
- C 71
- M 48
- Y 0
- K 38
CMYK color chart

● #2e529e color description : Dark blue.

The hexadecimal color #2e529e has RGB values of R:46, G:82, B:158 and CMYK values of C:0.71, M:0.48, Y:0, K:0.38. Its decimal value is 3035806.

Hex triplet	2e529e	`#2e529e`
RGB Decimal	46, 82, 158	`rgb(46,82,158)`
RGB Percent	18, 32.2, 62	`rgb(18%,32.2%,62%)`
CMYK	71, 48, 0, 38
HSL	220.7°, 54.9, 40	`hsl(220.7,54.9%,40%)`
HSV (or HSB)	220.7°, 70.9, 62
Web Safe	336699	`#336699`

CIE-LAB	36.144, 13.73, -45.189
XYZ	10.314, 9.083, 33.556
xyY	0.195, 0.172, 9.083
CIE-LCH	36.144, 47.228, 286.9
CIE-LUV	36.144, -14.549, -64.689
Hunter-Lab	30.139, 8.345, -44.915
Binary	00101110, 01010010, 10011110

#2e529e
```
#2e529e rgb(46,82,158)
```
#9e7a2e
```
#9e7a2e rgb(158,122,46)
```

Complementary Color

#2e8a9e
```
#2e8a9e rgb(46,138,158)
```
#2e529e
```
#2e529e rgb(46,82,158)
```
#422e9e
```
#422e9e rgb(66,46,158)
```

Analogous Color

#8a9e2e
```
#8a9e2e rgb(138,158,46)
```
#2e529e
```
#2e529e rgb(46,82,158)
```
#9e422e
```
#9e422e rgb(158,66,46)
```

Split Complementary Color

#529e2e
```
#529e2e rgb(82,158,46)
```
#2e529e
```
#2e529e rgb(46,82,158)
```
#9e2e52
```
#9e2e52 rgb(158,46,82)
```

Triadic Color

#2e9e7a
```
#2e9e7a rgb(46,158,122)
```
#2e529e
```
#2e529e rgb(46,82,158)
```
#9e2e52
```
#9e2e52 rgb(158,46,82)
```
#9e7a2e
```
#9e7a2e rgb(158,122,46)
```

Tetradic Color

#1d3363
```
#1d3363 rgb(29,51,99)
```
#233e77
```
#233e77 rgb(35,62,119)
```
#28488a
```
#28488a rgb(40,72,138)
```
#2e529e
```
#2e529e rgb(46,82,158)
```
#345cb2
```
#345cb2 rgb(52,92,178)
```
#3a67c6
```
#3a67c6 rgb(58,103,198)
```
#4d76cb
```
#4d76cb rgb(77,118,203)
```

Monochromatic Color

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

#2e6e9e
```
#2e6e9e rgb(46,110,158)
```
#2e659e
```
#2e659e rgb(46,101,158)
```
#2e5b9e
```
#2e5b9e rgb(46,91,158)
```
#2e529e
```
#2e529e rgb(46,82,158)
```
#2e499e
```
#2e499e rgb(46,73,158)
```
#2e3f9e
```
#2e3f9e rgb(46,63,158)
```
#2e369e
```
#2e369e rgb(46,54,158)
```

Similar Colors

Text with hexadecimal color #2e529e

This text has a font color of #2e529e.

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

#2e529e background color

This paragraph has a background color of #2e529e.

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

#2e529e border color

This element has a border color of #2e529e.

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

CSS codes

.text {color:#2e529e;}

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

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

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 #f6f8fc is the lightest one.

#020306
```
#020306 rgb(2,3,6)
```
#060b15
```
#060b15 rgb(6,11,21)
```
#0b1324
```
#0b1324 rgb(11,19,36)
```
#0f1b34
```
#0f1b34 rgb(15,27,52)
```
#132343
```
#132343 rgb(19,35,67)
```
#182b52
```
#182b52 rgb(24,43,82)
```
#1c3261
```
#1c3261 rgb(28,50,97)
```
#213a70
```
#213a70 rgb(33,58,112)
```
#254280
```
#254280 rgb(37,66,128)
```
#2a4a8f
```
#2a4a8f rgb(42,74,143)
```
#2e529e
```
#2e529e rgb(46,82,158)
```
#325aad
```
#325aad rgb(50,90,173)
```
#3762bc
```
#3762bc rgb(55,98,188)
```

Shade Color Variation

#406bc7
```
#406bc7 rgb(64,107,199)
```
#4f77cc
```
#4f77cc rgb(79,119,204)
```
#5e83d0
```
#5e83d0 rgb(94,131,208)
```
#6d8ed5
```
#6d8ed5 rgb(109,142,213)
```
#7c9ad9
```
#7c9ad9 rgb(124,154,217)
```
#8ca6dd
```
#8ca6dd rgb(140,166,221)
```
#9bb2e2
```
#9bb2e2 rgb(155,178,226)
```
#aabde6
```
#aabde6 rgb(170,189,230)
```
#b9c9eb
```
#b9c9eb rgb(185,201,235)
```
#c8d5ef
```
#c8d5ef rgb(200,213,239)
```
#d8e1f4
```
#d8e1f4 rgb(216,225,244)
```
#e7ecf8
```
#e7ecf8 rgb(231,236,248)
```
#f6f8fc
```
#f6f8fc rgb(246,248,252)
```

Tint Color Variation

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

#656667
```
#656667 rgb(101,102,103)
```
#5d636f
```
#5d636f rgb(93,99,111)
```
#556077
```
#556077 rgb(85,96,119)
```
#4d5d7f
```
#4d5d7f rgb(77,93,127)
```
#465a86
```
#465a86 rgb(70,90,134)
```
#3e588e
```
#3e588e rgb(62,88,142)
```
#365596
```
#365596 rgb(54,85,150)
```
#2e529e
```
#2e529e rgb(46,82,158)
```
#264fa6
```
#264fa6 rgb(38,79,166)
```
#1e4cae
```
#1e4cae rgb(30,76,174)
```
#164ab6
```
#164ab6 rgb(22,74,182)
```
#0f47bd
```
#0f47bd rgb(15,71,189)
```
#0744c5
```
#0744c5 rgb(7,68,197)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#495060 Atypical Achromatopsia 0.001% of the population

Dichromacy

#345ba3 Protanopia 1% of men
#005f9e Deuteranopia 1% of men
#00676e Tritanopia 0.001% of the population

Trichromacy

#3258a1 Protanomaly 1% of men, 0.01% of women
#105a9e Deuteranomaly 6% of men, 0.4% of women
#105f7f Tritanomaly 0.01% of the population

#2e529e hex color

#2e529e Color Information

#2e529e Color Conversion

Color Schemes with #2e529e

Alternatives to #2e529e

#2e529e Preview

Shades and Tints of #2e529e

Tones of #2e529e

Color Blindness Simulator