#2e4553 hex color

In a RGB color space, hex #2e4553 is composed of 18% red, 27.1% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 44.6% cyan, 16.9% magenta, 0% yellow and 67.5% black. It has a hue angle of 202.7 degrees, a saturation of 28.7% and a lightness of 25.3%. #2e4553 color hex could be obtained by blending #5c8aa6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 27
- B 33
RGB color chart
- C 45
- M 17
- Y 0
- K 67
CMYK color chart

● #2e4553 color description : Very dark desaturated blue.

The hexadecimal color #2e4553 has RGB values of R:46, G:69, B:83 and CMYK values of C:0.45, M:0.17, Y:0, K:0.67. Its decimal value is 3032403.

Hex triplet	2e4553	`#2e4553`
RGB Decimal	46, 69, 83	`rgb(46,69,83)`
RGB Percent	18, 27.1, 32.5	`rgb(18%,27.1%,32.5%)`
CMYK	45, 17, 0, 67
HSL	202.7°, 28.7, 25.3	`hsl(202.7,28.7%,25.3%)`
HSV (or HSB)	202.7°, 44.6, 32.5
Web Safe	333366	`#333366`

CIE-LAB	28.011, -4.684, -11.187
XYZ	4.816, 5.461, 8.984
xyY	0.25, 0.284, 5.461
CIE-LCH	28.011, 12.128, 247.282
CIE-LUV	28.011, -10.342, -13.105
Hunter-Lab	23.37, -4.113, -6.433
Binary	00101110, 01000101, 01010011

#2e4553
```
#2e4553 rgb(46,69,83)
```
#533c2e
```
#533c2e rgb(83,60,46)
```

Complementary Color

#2e534f
```
#2e534f rgb(46,83,79)
```
#2e4553
```
#2e4553 rgb(46,69,83)
```
#2e3353
```
#2e3353 rgb(46,51,83)
```

Analogous Color

#534f2e
```
#534f2e rgb(83,79,46)
```
#2e4553
```
#2e4553 rgb(46,69,83)
```
#532e33
```
#532e33 rgb(83,46,51)
```

Split Complementary Color

#45532e
```
#45532e rgb(69,83,46)
```
#2e4553
```
#2e4553 rgb(46,69,83)
```
#532e45
```
#532e45 rgb(83,46,69)
```

Triadic Color

#2e533c
```
#2e533c rgb(46,83,60)
```
#2e4553
```
#2e4553 rgb(46,69,83)
```
#532e45
```
#532e45 rgb(83,46,69)
```
#533c2e
```
#533c2e rgb(83,60,46)
```

Tetradic Color

#131c22
```
#131c22 rgb(19,28,34)
```
#1c2a32
```
#1c2a32 rgb(28,42,50)
```
#253743
```
#253743 rgb(37,55,67)
```
#2e4553
```
#2e4553 rgb(46,69,83)
```
#375363
```
#375363 rgb(55,83,99)
```
#406074
```
#406074 rgb(64,96,116)
```
#496e84
```
#496e84 rgb(73,110,132)
```

Monochromatic Color

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

#2e4e53
```
#2e4e53 rgb(46,78,83)
```
#2e4b53
```
#2e4b53 rgb(46,75,83)
```
#2e4853
```
#2e4853 rgb(46,72,83)
```
#2e4553
```
#2e4553 rgb(46,69,83)
```
#2e4253
```
#2e4253 rgb(46,66,83)
```
#2e3f53
```
#2e3f53 rgb(46,63,83)
```
#2e3c53
```
#2e3c53 rgb(46,60,83)
```

Similar Colors

Text with hexadecimal color #2e4553

This text has a font color of #2e4553.

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

#2e4553 background color

This paragraph has a background color of #2e4553.

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

#2e4553 border color

This element has a border color of #2e4553.

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

CSS codes

.text {color:#2e4553;}

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

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

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

#040607
```
#040607 rgb(4,6,7)
```
#0b1114
```
#0b1114 rgb(11,17,20)
```
#121b21
```
#121b21 rgb(18,27,33)
```
#19262d
```
#19262d rgb(25,38,45)
```
#20303a
```
#20303a rgb(32,48,58)
```
#273b46
```
#273b46 rgb(39,59,70)
```
#2e4553
```
#2e4553 rgb(46,69,83)
```
#354f60
```
#354f60 rgb(53,79,96)
```
#3c5a6c
```
#3c5a6c rgb(60,90,108)
```
#436479
```
#436479 rgb(67,100,121)
```
#4a6f85
```
#4a6f85 rgb(74,111,133)
```
#517992
```
#517992 rgb(81,121,146)
```
#58849f
```
#58849f rgb(88,132,159)
```

Shade Color Variation

#628ea8
```
#628ea8 rgb(98,142,168)
```
#6f97af
```
#6f97af rgb(111,151,175)
```
#7ba0b6
```
#7ba0b6 rgb(123,160,182)
```
#88a9bd
```
#88a9bd rgb(136,169,189)
```
#95b2c4
```
#95b2c4 rgb(149,178,196)
```
#a1bbcb
```
#a1bbcb rgb(161,187,203)
```
#aec4d2
```
#aec4d2 rgb(174,196,210)
```
#bbced9
```
#bbced9 rgb(187,206,217)
```
#c7d7e0
```
#c7d7e0 rgb(199,215,224)
```
#d4e0e7
```
#d4e0e7 rgb(212,224,231)
```
#e0e9ee
```
#e0e9ee rgb(224,233,238)
```
#edf2f5
```
#edf2f5 rgb(237,242,245)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

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

#3d4144
```
#3d4144 rgb(61,65,68)
```
#384349
```
#384349 rgb(56,67,73)
```
#33444e
```
#33444e rgb(51,68,78)
```
#2e4553
```
#2e4553 rgb(46,69,83)
```
#294658
```
#294658 rgb(41,70,88)
```
#24475d
```
#24475d rgb(36,71,93)
```
#1f4962
```
#1f4962 rgb(31,73,98)
```
#1a4a67
```
#1a4a67 rgb(26,74,103)
```
#154b6c
```
#154b6c rgb(21,75,108)
```
#104c71
```
#104c71 rgb(16,76,113)
```
#0b4d76
```
#0b4d76 rgb(11,77,118)
```
#064f7b
```
#064f7b rgb(6,79,123)
```
#015080
```
#015080 rgb(1,80,128)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3c4144 Atypical Achromatopsia 0.001% of the population

Dichromacy

#484b59 Protanopia 1% of men
#494a5d Deuteranopia 1% of men
#364f55 Tritanopia 0.001% of the population

Trichromacy

#3e4957 Protanomaly 1% of men, 0.01% of women
#3f4859 Deuteranomaly 6% of men, 0.4% of women
#334b54 Tritanomaly 0.01% of the population

#2e4553 hex color

#2e4553 Color Information

#2e4553 Color Conversion

Color Schemes with #2e4553

Alternatives to #2e4553

#2e4553 Preview

Shades and Tints of #2e4553

Tones of #2e4553

Color Blindness Simulator