#2e4452 hex color

In a RGB color space, hex #2e4452 is composed of 18% red, 26.7% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 43.9% cyan, 17.1% magenta, 0% yellow and 67.8% black. It has a hue angle of 203.3 degrees, a saturation of 28.1% and a lightness of 25.1%. #2e4452 color hex could be obtained by blending #5c88a4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 27
- B 32
RGB color chart
- C 44
- M 17
- Y 0
- K 68
CMYK color chart

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

The hexadecimal color #2e4452 has RGB values of R:46, G:68, B:82 and CMYK values of C:0.44, M:0.17, Y:0, K:0.68. Its decimal value is 3032146.

Hex triplet	2e4452	`#2e4452`
RGB Decimal	46, 68, 82	`rgb(46,68,82)`
RGB Percent	18, 26.7, 32.2	`rgb(18%,26.7%,32.2%)`
CMYK	44, 17, 0, 68
HSL	203.3°, 28.1, 25.1	`hsl(203.3,28.1%,25.1%)`
HSV (or HSB)	203.3°, 43.9, 32.2
Web Safe	333366	`#333366`

CIE-LAB	27.639, -4.361, -11.105
XYZ	4.716, 5.324, 8.761
xyY	0.251, 0.283, 5.324
CIE-LCH	27.639, 11.931, 248.558
CIE-LUV	27.639, -9.94, -12.976
Hunter-Lab	23.074, -3.893, -6.361
Binary	00101110, 01000100, 01010010

#2e4452
```
#2e4452 rgb(46,68,82)
```
#523c2e
```
#523c2e rgb(82,60,46)
```

Complementary Color

#2e524e
```
#2e524e rgb(46,82,78)
```
#2e4452
```
#2e4452 rgb(46,68,82)
```
#2e3252
```
#2e3252 rgb(46,50,82)
```

Analogous Color

#524e2e
```
#524e2e rgb(82,78,46)
```
#2e4452
```
#2e4452 rgb(46,68,82)
```
#522e32
```
#522e32 rgb(82,46,50)
```

Split Complementary Color

#44522e
```
#44522e rgb(68,82,46)
```
#2e4452
```
#2e4452 rgb(46,68,82)
```
#522e44
```
#522e44 rgb(82,46,68)
```

Triadic Color

#2e523c
```
#2e523c rgb(46,82,60)
```
#2e4452
```
#2e4452 rgb(46,68,82)
```
#522e44
```
#522e44 rgb(82,46,68)
```
#523c2e
```
#523c2e rgb(82,60,46)
```

Tetradic Color

#131b21
```
#131b21 rgb(19,27,33)
```
#1c2931
```
#1c2931 rgb(28,41,49)
```
#253642
```
#253642 rgb(37,54,66)
```
#2e4452
```
#2e4452 rgb(46,68,82)
```
#375262
```
#375262 rgb(55,82,98)
```
#405f73
```
#405f73 rgb(64,95,115)
```
#496d83
```
#496d83 rgb(73,109,131)
```

Monochromatic Color

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

#2e4d52
```
#2e4d52 rgb(46,77,82)
```
#2e4a52
```
#2e4a52 rgb(46,74,82)
```
#2e4752
```
#2e4752 rgb(46,71,82)
```
#2e4452
```
#2e4452 rgb(46,68,82)
```
#2e4152
```
#2e4152 rgb(46,65,82)
```
#2e3e52
```
#2e3e52 rgb(46,62,82)
```
#2e3b52
```
#2e3b52 rgb(46,59,82)
```

Similar Colors

Text with hexadecimal color #2e4452

This text has a font color of #2e4452.

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

#2e4452 background color

This paragraph has a background color of #2e4452.

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

#2e4452 border color

This element has a border color of #2e4452.

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

CSS codes

.text {color:#2e4452;}

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

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

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

#040507
```
#040507 rgb(4,5,7)
```
#0b1013
```
#0b1013 rgb(11,16,19)
```
#121a20
```
#121a20 rgb(18,26,32)
```
#19252c
```
#19252c rgb(25,37,44)
```
#202f39
```
#202f39 rgb(32,47,57)
```
#273a45
```
#273a45 rgb(39,58,69)
```
#2e4452
```
#2e4452 rgb(46,68,82)
```
#354e5f
```
#354e5f rgb(53,78,95)
```
#3c596b
```
#3c596b rgb(60,89,107)
```
#436378
```
#436378 rgb(67,99,120)
```
#4a6e84
```
#4a6e84 rgb(74,110,132)
```
#517891
```
#517891 rgb(81,120,145)
```
#58839d
```
#58839d rgb(88,131,157)
```

Shade Color Variation

#628ca7
```
#628ca7 rgb(98,140,167)
```
#6f95ae
```
#6f95ae rgb(111,149,174)
```
#7b9fb5
```
#7b9fb5 rgb(123,159,181)
```
#88a8bc
```
#88a8bc rgb(136,168,188)
```
#95b1c3
```
#95b1c3 rgb(149,177,195)
```
#a1baca
```
#a1baca rgb(161,186,202)
```
#aec3d1
```
#aec3d1 rgb(174,195,209)
```
#bacdd8
```
#bacdd8 rgb(186,205,216)
```
#c7d6df
```
#c7d6df rgb(199,214,223)
```
#d3dfe7
```
#d3dfe7 rgb(211,223,231)
```
#e0e8ee
```
#e0e8ee rgb(224,232,238)
```
#ecf1f5
```
#ecf1f5 rgb(236,241,245)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Tint Color Variation

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

#3d4143
```
#3d4143 rgb(61,65,67)
```
#384248
```
#384248 rgb(56,66,72)
```
#33434d
```
#33434d rgb(51,67,77)
```
#2e4452
```
#2e4452 rgb(46,68,82)
```
#294557
```
#294557 rgb(41,69,87)
```
#24465c
```
#24465c rgb(36,70,92)
```
#1f4761
```
#1f4761 rgb(31,71,97)
```
#1a4866
```
#1a4866 rgb(26,72,102)
```
#15496b
```
#15496b rgb(21,73,107)
```
#104b70
```
#104b70 rgb(16,75,112)
```
#0c4c74
```
#0c4c74 rgb(12,76,116)
```
#074d79
```
#074d79 rgb(7,77,121)
```
#024e7e
```
#024e7e rgb(2,78,126)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3c4043 Atypical Achromatopsia 0.001% of the population

Dichromacy

#474a58 Protanopia 1% of men
#48495c Deuteranopia 1% of men
#364e54 Tritanopia 0.001% of the population

Trichromacy

#3e4856 Protanomaly 1% of men, 0.01% of women
#3e4758 Deuteranomaly 6% of men, 0.4% of women
#334a53 Tritanomaly 0.01% of the population

#2e4452 hex color

#2e4452 Color Information

#2e4452 Color Conversion

Color Schemes with #2e4452

Alternatives to #2e4452

#2e4452 Preview

Shades and Tints of #2e4452

Tones of #2e4452

Color Blindness Simulator