#2e486c hex color

In a RGB color space, hex #2e486c is composed of 18% red, 28.2% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 33.3% magenta, 0% yellow and 57.6% black. It has a hue angle of 214.8 degrees, a saturation of 40.3% and a lightness of 30.2%. #2e486c color hex could be obtained by blending #5c90d8 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

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

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

Hex triplet	2e486c	`#2e486c`
RGB Decimal	46, 72, 108	`rgb(46,72,108)`
RGB Percent	18, 28.2, 42.4	`rgb(18%,28.2%,42.4%)`
CMYK	57, 33, 0, 58
HSL	214.8°, 40.3, 30.2	`hsl(214.8,40.3%,30.2%)`
HSV (or HSB)	214.8°, 57.4, 42.4
Web Safe	333366	`#333366`

CIE-LAB	30.152, 1.803, -23.9
XYZ	6.15, 6.298, 15.078
xyY	0.223, 0.229, 6.298
CIE-LCH	30.152, 23.968, 274.314
CIE-LUV	30.152, -11.434, -31.247
Hunter-Lab	25.096, -0.172, -18.056
Binary	00101110, 01001000, 01101100

#2e486c
```
#2e486c rgb(46,72,108)
```
#6c522e
```
#6c522e rgb(108,82,46)
```

Complementary Color

#2e676c
```
#2e676c rgb(46,103,108)
```
#2e486c
```
#2e486c rgb(46,72,108)
```
#332e6c
```
#332e6c rgb(51,46,108)
```

Analogous Color

#676c2e
```
#676c2e rgb(103,108,46)
```
#2e486c
```
#2e486c rgb(46,72,108)
```
#6c332e
```
#6c332e rgb(108,51,46)
```

Split Complementary Color

#486c2e
```
#486c2e rgb(72,108,46)
```
#2e486c
```
#2e486c rgb(46,72,108)
```
#6c2e48
```
#6c2e48 rgb(108,46,72)
```

Triadic Color

#2e6c52
```
#2e6c52 rgb(46,108,82)
```
#2e486c
```
#2e486c rgb(46,72,108)
```
#6c2e48
```
#6c2e48 rgb(108,46,72)
```
#6c522e
```
#6c522e rgb(108,82,46)
```

Tetradic Color

#172436
```
#172436 rgb(23,36,54)
```
#1f3048
```
#1f3048 rgb(31,48,72)
```
#263c5a
```
#263c5a rgb(38,60,90)
```
#2e486c
```
#2e486c rgb(46,72,108)
```
#36547e
```
#36547e rgb(54,84,126)
```
#3d6090
```
#3d6090 rgb(61,96,144)
```
#456ca2
```
#456ca2 rgb(69,108,162)
```

Monochromatic Color

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

#2e586c
```
#2e586c rgb(46,88,108)
```
#2e526c
```
#2e526c rgb(46,82,108)
```
#2e4d6c
```
#2e4d6c rgb(46,77,108)
```
#2e486c
```
#2e486c rgb(46,72,108)
```
#2e436c
```
#2e436c rgb(46,67,108)
```
#2e3e6c
```
#2e3e6c rgb(46,62,108)
```
#2e396c
```
#2e396c rgb(46,57,108)
```

Similar Colors

Text with hexadecimal color #2e486c

This text has a font color of #2e486c.

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

#2e486c background color

This paragraph has a background color of #2e486c.

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

#2e486c border color

This element has a border color of #2e486c.

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

CSS codes

.text {color:#2e486c;}

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

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

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, #05080c is the darkest color, while #fdfdfe is the lightest one.

#05080c
```
#05080c rgb(5,8,12)
```
#0b1119
```
#0b1119 rgb(11,17,25)
```
#111a27
```
#111a27 rgb(17,26,39)
```
#172335
```
#172335 rgb(23,35,53)
```
#1c2c43
```
#1c2c43 rgb(28,44,67)
```
#223650
```
#223650 rgb(34,54,80)
```
#283f5e
```
#283f5e rgb(40,63,94)
```
#2e486c
```
#2e486c rgb(46,72,108)
```
#34517a
```
#34517a rgb(52,81,122)
```
#3a5a88
```
#3a5a88 rgb(58,90,136)
```
#406495
```
#406495 rgb(64,100,149)
```
#456da3
```
#456da3 rgb(69,109,163)
```
#4b76b1
```
#4b76b1 rgb(75,118,177)
```

Shade Color Variation

#5880b8
```
#5880b8 rgb(88,128,184)
```
#668bbe
```
#668bbe rgb(102,139,190)
```
#7395c4
```
#7395c4 rgb(115,149,196)
```
#819fc9
```
#819fc9 rgb(129,159,201)
```
#8faacf
```
#8faacf rgb(143,170,207)
```
#9db4d5
```
#9db4d5 rgb(157,180,213)
```
#aabfdb
```
#aabfdb rgb(170,191,219)
```
#b8c9e1
```
#b8c9e1 rgb(184,201,225)
```
#c6d4e7
```
#c6d4e7 rgb(198,212,231)
```
#d4deed
```
#d4deed rgb(212,222,237)
```
#e1e9f2
```
#e1e9f2 rgb(225,233,242)
```
#eff3f8
```
#eff3f8 rgb(239,243,248)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#4c4d4e
```
#4c4d4e rgb(76,77,78)
```
#464c54
```
#464c54 rgb(70,76,84)
```
#404b5a
```
#404b5a rgb(64,75,90)
```
#3a4a60
```
#3a4a60 rgb(58,74,96)
```
#344966
```
#344966 rgb(52,73,102)
```
#2e486c
```
#2e486c rgb(46,72,108)
```
#284772
```
#284772 rgb(40,71,114)
```
#224678
```
#224678 rgb(34,70,120)
```
#1c457e
```
#1c457e rgb(28,69,126)
```
#164484
```
#164484 rgb(22,68,132)
```
#10438a
```
#10438a rgb(16,67,138)
```
#0a4290
```
#0a4290 rgb(10,66,144)
```
#054195
```
#054195 rgb(5,65,149)
```

Tone Color Variation

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

#444f72 Protanopia 1% of men
#3f5074 Deuteranopia 1% of men
#2e565c Tritanopia 0.001% of the population

Trichromacy

#3c4c6f Protanomaly 1% of men, 0.01% of women
#384d71 Deuteranomaly 6% of men, 0.4% of women
#2e5162 Tritanomaly 0.01% of the population

#2e486c hex color

#2e486c Color Information

#2e486c Color Conversion

Color Schemes with #2e486c

Alternatives to #2e486c

#2e486c Preview

Shades and Tints of #2e486c

Tones of #2e486c

Color Blindness Simulator