#2e486b hex color

In a RGB color space, hex #2e486b is composed of 18% red, 28.2% green and 42% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 32.7% magenta, 0% yellow and 58% black. It has a hue angle of 214.4 degrees, a saturation of 39.9% and a lightness of 30%. #2e486b color hex could be obtained by blending #5c90d6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 28
- B 42
RGB color chart
- C 57
- M 33
- Y 0
- K 58
CMYK color chart

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

The hexadecimal color #2e486b has RGB values of R:46, G:72, B:107 and CMYK values of C:0.57, M:0.33, Y:0, K:0.58. Its decimal value is 3033195.

Hex triplet	2e486b	`#2e486b`
RGB Decimal	46, 72, 107	`rgb(46,72,107)`
RGB Percent	18, 28.2, 42	`rgb(18%,28.2%,42%)`
CMYK	57, 33, 0, 58
HSL	214.4°, 39.9, 30	`hsl(214.4,39.9%,30%)`
HSV (or HSB)	214.4°, 57, 42
Web Safe	333366	`#333366`

CIE-LAB	30.1, 1.449, -23.348
XYZ	6.097, 6.277, 14.799
xyY	0.224, 0.231, 6.277
CIE-LCH	30.1, 23.393, 273.55
CIE-LUV	30.1, -11.437, -30.44
Hunter-Lab	25.053, -0.402, -17.486
Binary	00101110, 01001000, 01101011

#2e486b
```
#2e486b rgb(46,72,107)
```
#6b512e
```
#6b512e rgb(107,81,46)
```

Complementary Color

#2e676b
```
#2e676b rgb(46,103,107)
```
#2e486b
```
#2e486b rgb(46,72,107)
```
#332e6b
```
#332e6b rgb(51,46,107)
```

Analogous Color

#676b2e
```
#676b2e rgb(103,107,46)
```
#2e486b
```
#2e486b rgb(46,72,107)
```
#6b332e
```
#6b332e rgb(107,51,46)
```

Split Complementary Color

#486b2e
```
#486b2e rgb(72,107,46)
```
#2e486b
```
#2e486b rgb(46,72,107)
```
#6b2e48
```
#6b2e48 rgb(107,46,72)
```

Triadic Color

#2e6b51
```
#2e6b51 rgb(46,107,81)
```
#2e486b
```
#2e486b rgb(46,72,107)
```
#6b2e48
```
#6b2e48 rgb(107,46,72)
```
#6b512e
```
#6b512e rgb(107,81,46)
```

Tetradic Color

#172436
```
#172436 rgb(23,36,54)
```
#1f3047
```
#1f3047 rgb(31,48,71)
```
#263c59
```
#263c59 rgb(38,60,89)
```
#2e486b
```
#2e486b rgb(46,72,107)
```
#36547d
```
#36547d rgb(54,84,125)
```
#3d608f
```
#3d608f rgb(61,96,143)
```
#456ca1
```
#456ca1 rgb(69,108,161)
```

Monochromatic Color

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

#2e576b
```
#2e576b rgb(46,87,107)
```
#2e526b
```
#2e526b rgb(46,82,107)
```
#2e4d6b
```
#2e4d6b rgb(46,77,107)
```
#2e486b
```
#2e486b rgb(46,72,107)
```
#2e436b
```
#2e436b rgb(46,67,107)
```
#2e3e6b
```
#2e3e6b rgb(46,62,107)
```
#2e396b
```
#2e396b rgb(46,57,107)
```

Similar Colors

Text with hexadecimal color #2e486b

This text has a font color of #2e486b.

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

#2e486b background color

This paragraph has a background color of #2e486b.

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

#2e486b border color

This element has a border color of #2e486b.

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

CSS codes

.text {color:#2e486b;}

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

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

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

#05070b
```
#05070b rgb(5,7,11)
```
#0b1119
```
#0b1119 rgb(11,17,25)
```
#111a26
```
#111a26 rgb(17,26,38)
```
#162334
```
#162334 rgb(22,35,52)
```
#1c2c42
```
#1c2c42 rgb(28,44,66)
```
#223650
```
#223650 rgb(34,54,80)
```
#283f5d
```
#283f5d rgb(40,63,93)
```
#2e486b
```
#2e486b rgb(46,72,107)
```
#345179
```
#345179 rgb(52,81,121)
```
#3a5a86
```
#3a5a86 rgb(58,90,134)
```
#406494
```
#406494 rgb(64,100,148)
```
#466da2
```
#466da2 rgb(70,109,162)
```
#4b76b0
```
#4b76b0 rgb(75,118,176)
```

Shade Color Variation

#5880b7
```
#5880b7 rgb(88,128,183)
```
#658bbd
```
#658bbd rgb(101,139,189)
```
#7395c3
```
#7395c3 rgb(115,149,195)
```
#819fc9
```
#819fc9 rgb(129,159,201)
```
#8faacf
```
#8faacf rgb(143,170,207)
```
#9cb4d5
```
#9cb4d5 rgb(156,180,213)
```
#aabfda
```
#aabfda rgb(170,191,218)
```
#b8c9e0
```
#b8c9e0 rgb(184,201,224)
```
#c5d3e6
```
#c5d3e6 rgb(197,211,230)
```
#d3deec
```
#d3deec rgb(211,222,236)
```
#e1e8f2
```
#e1e8f2 rgb(225,232,242)
```
#eff3f8
```
#eff3f8 rgb(239,243,248)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#4b4c4e
```
#4b4c4e rgb(75,76,78)
```
#464b53
```
#464b53 rgb(70,75,83)
```
#404b59
```
#404b59 rgb(64,75,89)
```
#3a4a5f
```
#3a4a5f rgb(58,74,95)
```
#344965
```
#344965 rgb(52,73,101)
```
#2e486b
```
#2e486b rgb(46,72,107)
```
#284771
```
#284771 rgb(40,71,113)
```
#224677
```
#224677 rgb(34,70,119)
```
#1c457d
```
#1c457d rgb(28,69,125)
```
#164583
```
#164583 rgb(22,69,131)
```
#114488
```
#114488 rgb(17,68,136)
```
#0b438e
```
#0b438e rgb(11,67,142)
```
#054294
```
#054294 rgb(5,66,148)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#40454c Atypical Achromatopsia 0.001% of the population

Dichromacy

#444f71 Protanopia 1% of men
#3f5073 Deuteranopia 1% of men
#2e565c Tritanopia 0.001% of the population

Trichromacy

#3c4c6e Protanomaly 1% of men, 0.01% of women
#394d70 Deuteranomaly 6% of men, 0.4% of women
#2e5061 Tritanomaly 0.01% of the population

#2e486b hex color

#2e486b Color Information

#2e486b Color Conversion

Color Schemes with #2e486b

Alternatives to #2e486b

#2e486b Preview

Shades and Tints of #2e486b

Tones of #2e486b

Color Blindness Simulator