#2e5d84 hex color

In a RGB color space, hex #2e5d84 is composed of 18% red, 36.5% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 29.5% magenta, 0% yellow and 48.2% black. It has a hue angle of 207.2 degrees, a saturation of 48.3% and a lightness of 34.9%. #2e5d84 color hex could be obtained by blending #5cbaff with #000009. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 36
- B 52
RGB color chart
- C 65
- M 30
- Y 0
- K 48
CMYK color chart

● #2e5d84 color description : Dark moderate blue.

The hexadecimal color #2e5d84 has RGB values of R:46, G:93, B:132 and CMYK values of C:0.65, M:0.3, Y:0, K:0.48. Its decimal value is 3038596.

Hex triplet	2e5d84	`#2e5d84`
RGB Decimal	46, 93, 132	`rgb(46,93,132)`
RGB Percent	18, 36.5, 51.8	`rgb(18%,36.5%,51.8%)`
CMYK	65, 30, 0, 48
HSL	207.2°, 48.3, 34.9	`hsl(207.2,48.3%,34.9%)`
HSV (or HSB)	207.2°, 65.2, 51.8
Web Safe	336699	`#336699`

CIE-LAB	37.976, -3.044, -26.544
XYZ	9.205, 10.075, 23.288
xyY	0.216, 0.237, 10.075
CIE-LCH	37.976, 26.718, 263.459
CIE-LUV	37.976, -18.705, -36.746
Hunter-Lab	31.741, -3.781, -21.282
Binary	00101110, 01011101, 10000100

#2e5d84
```
#2e5d84 rgb(46,93,132)
```
#84552e
```
#84552e rgb(132,85,46)
```

Complementary Color

#2e8480
```
#2e8480 rgb(46,132,128)
```
#2e5d84
```
#2e5d84 rgb(46,93,132)
```
#2e3284
```
#2e3284 rgb(46,50,132)
```

Analogous Color

#84802e
```
#84802e rgb(132,128,46)
```
#2e5d84
```
#2e5d84 rgb(46,93,132)
```
#842e32
```
#842e32 rgb(132,46,50)
```

Split Complementary Color

#5d842e
```
#5d842e rgb(93,132,46)
```
#2e5d84
```
#2e5d84 rgb(46,93,132)
```
#842e5d
```
#842e5d rgb(132,46,93)
```

Triadic Color

#2e8455
```
#2e8455 rgb(46,132,85)
```
#2e5d84
```
#2e5d84 rgb(46,93,132)
```
#842e5d
```
#842e5d rgb(132,46,93)
```
#84552e
```
#84552e rgb(132,85,46)
```

Tetradic Color

#1a354b
```
#1a354b rgb(26,53,75)
```
#21425e
```
#21425e rgb(33,66,94)
```
#275071
```
#275071 rgb(39,80,113)
```
#2e5d84
```
#2e5d84 rgb(46,93,132)
```
#356a97
```
#356a97 rgb(53,106,151)
```
#3b78aa
```
#3b78aa rgb(59,120,170)
```
#4285bd
```
#4285bd rgb(66,133,189)
```

Monochromatic Color

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

#2e7384
```
#2e7384 rgb(46,115,132)
```
#2e6b84
```
#2e6b84 rgb(46,107,132)
```
#2e6484
```
#2e6484 rgb(46,100,132)
```
#2e5d84
```
#2e5d84 rgb(46,93,132)
```
#2e5684
```
#2e5684 rgb(46,86,132)
```
#2e4f84
```
#2e4f84 rgb(46,79,132)
```
#2e4884
```
#2e4884 rgb(46,72,132)
```

Similar Colors

Text with hexadecimal color #2e5d84

This text has a font color of #2e5d84.

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

#2e5d84 background color

This paragraph has a background color of #2e5d84.

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

#2e5d84 border color

This element has a border color of #2e5d84.

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

CSS codes

.text {color:#2e5d84;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050b10
```
#050b10 rgb(5,11,16)
```
#0b151e
```
#0b151e rgb(11,21,30)
```
#10202d
```
#10202d rgb(16,32,45)
```
#152a3b
```
#152a3b rgb(21,42,59)
```
#1a344a
```
#1a344a rgb(26,52,74)
```
#1f3e58
```
#1f3e58 rgb(31,62,88)
```
#244967
```
#244967 rgb(36,73,103)
```
#295375
```
#295375 rgb(41,83,117)
```
#2e5d84
```
#2e5d84 rgb(46,93,132)
```
#336793
```
#336793 rgb(51,103,147)
```
#3871a1
```
#3871a1 rgb(56,113,161)
```
#3d7cb0
```
#3d7cb0 rgb(61,124,176)
```

Shade Color Variation

#4386bd
```
#4386bd rgb(67,134,189)
```
#528fc3
```
#528fc3 rgb(82,143,195)
```
#6099c8
```
#6099c8 rgb(96,153,200)
```
#6fa2cd
```
#6fa2cd rgb(111,162,205)
```
#7dabd2
```
#7dabd2 rgb(125,171,210)
```
#8cb5d7
```
#8cb5d7 rgb(140,181,215)
```
#9abedc
```
#9abedc rgb(154,190,220)
```
#a9c7e1
```
#a9c7e1 rgb(169,199,225)
```
#b7d1e6
```
#b7d1e6 rgb(183,209,230)
```
#c6daeb
```
#c6daeb rgb(198,218,235)
```
#d4e4f0
```
#d4e4f0 rgb(212,228,240)
```
#e3edf5
```
#e3edf5 rgb(227,237,245)
```
#f2f6fa
```
#f2f6fa rgb(242,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #57595b is the less saturated color, while #0561ad is the most saturated one.

#57595b
```
#57595b rgb(87,89,91)
```
#505a62
```
#505a62 rgb(80,90,98)
```
#495a69
```
#495a69 rgb(73,90,105)
```
#435b6f
```
#435b6f rgb(67,91,111)
```
#3c5c76
```
#3c5c76 rgb(60,92,118)
```
#355c7d
```
#355c7d rgb(53,92,125)
```
#2e5d84
```
#2e5d84 rgb(46,93,132)
```
#275e8b
```
#275e8b rgb(39,94,139)
```
#205e92
```
#205e92 rgb(32,94,146)
```
#195f99
```
#195f99 rgb(25,95,153)
```
#13609f
```
#13609f rgb(19,96,159)
```
#0c60a6
```
#0c60a6 rgb(12,96,166)
```
#0561ad
```
#0561ad rgb(5,97,173)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4c555d Atypical Achromatopsia 0.001% of the population

Dichromacy

#556087 Protanopia 1% of men
#4e618b Deuteranopia 1% of men
#286a72 Tritanopia 0.001% of the population

Trichromacy

#465f85 Protanomaly 1% of men, 0.01% of women
#425f89 Deuteranomaly 6% of men, 0.4% of women
#2a6578 Tritanomaly 0.01% of the population

#2e5d84 hex color

#2e5d84 Color Information

#2e5d84 Color Conversion

Color Schemes with #2e5d84

Alternatives to #2e5d84

#2e5d84 Preview

Shades and Tints of #2e5d84

Tones of #2e5d84

Color Blindness Simulator