#2e4559 hex color

In a RGB color space, hex #2e4559 is composed of 18% red, 27.1% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 48.3% cyan, 22.5% magenta, 0% yellow and 65.1% black. It has a hue angle of 207.9 degrees, a saturation of 31.9% and a lightness of 26.5%. #2e4559 color hex could be obtained by blending #5c8ab2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 27
- B 35
RGB color chart
- C 48
- M 22
- Y 0
- K 65
CMYK color chart

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

The hexadecimal color #2e4559 has RGB values of R:46, G:69, B:89 and CMYK values of C:0.48, M:0.22, Y:0, K:0.65. Its decimal value is 3032409.

Hex triplet	2e4559	`#2e4559`
RGB Decimal	46, 69, 89	`rgb(46,69,89)`
RGB Percent	18, 27.1, 34.9	`rgb(18%,27.1%,34.9%)`
CMYK	48, 22, 0, 65
HSL	207.9°, 31.9, 26.5	`hsl(207.9,31.9%,26.5%)`
HSV (or HSB)	207.9°, 48.3, 34.9
Web Safe	333366	`#333366`

CIE-LAB	28.269, -2.751, -14.676
XYZ	5.058, 5.558, 10.257
xyY	0.242, 0.266, 5.558
CIE-LCH	28.269, 14.931, 259.382
CIE-LUV	28.269, -10.335, -17.89
Hunter-Lab	23.576, -2.965, -9.292
Binary	00101110, 01000101, 01011001

#2e4559
```
#2e4559 rgb(46,69,89)
```
#59422e
```
#59422e rgb(89,66,46)
```

Complementary Color

#2e5958
```
#2e5958 rgb(46,89,88)
```
#2e4559
```
#2e4559 rgb(46,69,89)
```
#2e3059
```
#2e3059 rgb(46,48,89)
```

Analogous Color

#59582e
```
#59582e rgb(89,88,46)
```
#2e4559
```
#2e4559 rgb(46,69,89)
```
#592e30
```
#592e30 rgb(89,46,48)
```

Split Complementary Color

#45592e
```
#45592e rgb(69,89,46)
```
#2e4559
```
#2e4559 rgb(46,69,89)
```
#592e45
```
#592e45 rgb(89,46,69)
```

Triadic Color

#2e5942
```
#2e5942 rgb(46,89,66)
```
#2e4559
```
#2e4559 rgb(46,69,89)
```
#592e45
```
#592e45 rgb(89,46,69)
```
#59422e
```
#59422e rgb(89,66,46)
```

Tetradic Color

#141e27
```
#141e27 rgb(20,30,39)
```
#1d2b37
```
#1d2b37 rgb(29,43,55)
```
#253848
```
#253848 rgb(37,56,72)
```
#2e4559
```
#2e4559 rgb(46,69,89)
```
#37526a
```
#37526a rgb(55,82,106)
```
#3f5f7b
```
#3f5f7b rgb(63,95,123)
```
#486c8b
```
#486c8b rgb(72,108,139)
```

Monochromatic Color

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

#2e5059
```
#2e5059 rgb(46,80,89)
```
#2e4c59
```
#2e4c59 rgb(46,76,89)
```
#2e4959
```
#2e4959 rgb(46,73,89)
```
#2e4559
```
#2e4559 rgb(46,69,89)
```
#2e4159
```
#2e4159 rgb(46,65,89)
```
#2e3e59
```
#2e3e59 rgb(46,62,89)
```
#2e3a59
```
#2e3a59 rgb(46,58,89)
```

Similar Colors

Text with hexadecimal color #2e4559

This text has a font color of #2e4559.

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

#2e4559 background color

This paragraph has a background color of #2e4559.

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

#2e4559 border color

This element has a border color of #2e4559.

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

CSS codes

.text {color:#2e4559;}

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

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

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

#06090b
```
#06090b rgb(6,9,11)
```
#0d1318
```
#0d1318 rgb(13,19,24)
```
#131d25
```
#131d25 rgb(19,29,37)
```
#1a2732
```
#1a2732 rgb(26,39,50)
```
#21313f
```
#21313f rgb(33,49,63)
```
#273b4c
```
#273b4c rgb(39,59,76)
```
#2e4559
```
#2e4559 rgb(46,69,89)
```
#354f66
```
#354f66 rgb(53,79,102)
```
#3b5973
```
#3b5973 rgb(59,89,115)
```
#426380
```
#426380 rgb(66,99,128)
```
#496d8d
```
#496d8d rgb(73,109,141)
```
#4f779a
```
#4f779a rgb(79,119,154)
```
#5681a7
```
#5681a7 rgb(86,129,167)
```

Shade Color Variation

#628bae
```
#628bae rgb(98,139,174)
```
#6f94b5
```
#6f94b5 rgb(111,148,181)
```
#7c9ebb
```
#7c9ebb rgb(124,158,187)
```
#89a8c2
```
#89a8c2 rgb(137,168,194)
```
#96b1c9
```
#96b1c9 rgb(150,177,201)
```
#a3bbcf
```
#a3bbcf rgb(163,187,207)
```
#b0c4d6
```
#b0c4d6 rgb(176,196,214)
```
#bdcedd
```
#bdcedd rgb(189,206,221)
```
#cad8e3
```
#cad8e3 rgb(202,216,227)
```
#d7e1ea
```
#d7e1ea rgb(215,225,234)
```
#e4ebf1
```
#e4ebf1 rgb(228,235,241)
```
#f1f4f8
```
#f1f4f8 rgb(241,244,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#434444
```
#434444 rgb(67,68,68)
```
#3e4449
```
#3e4449 rgb(62,68,73)
```
#38444f
```
#38444f rgb(56,68,79)
```
#334554
```
#334554 rgb(51,69,84)
```
#2e4559
```
#2e4559 rgb(46,69,89)
```
#29455e
```
#29455e rgb(41,69,94)
```
#244663
```
#244663 rgb(36,70,99)
```
#1e4669
```
#1e4669 rgb(30,70,105)
```
#19466e
```
#19466e rgb(25,70,110)
```
#144773
```
#144773 rgb(20,71,115)
```
#0f4778
```
#0f4778 rgb(15,71,120)
```
#0a487d
```
#0a487d rgb(10,72,125)
```
#044883
```
#044883 rgb(4,72,131)
```

Tone Color Variation

Below, you can see how #2e4559 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
#3c4145 Atypical Achromatopsia 0.001% of the population

Dichromacy

#474b5f Protanopia 1% of men
#464b62 Deuteranopia 1% of men
#345056 Tritanopia 0.001% of the population

Trichromacy

#3d495d Protanomaly 1% of men, 0.01% of women
#3d495f Deuteranomaly 6% of men, 0.4% of women
#324c57 Tritanomaly 0.01% of the population

#2e4559 hex color

#2e4559 Color Information

#2e4559 Color Conversion

Color Schemes with #2e4559

Alternatives to #2e4559

#2e4559 Preview

Shades and Tints of #2e4559

Tones of #2e4559

Color Blindness Simulator