#2e485c hex color

In a RGB color space, hex #2e485c is composed of 18% red, 28.2% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 21.7% magenta, 0% yellow and 63.9% black. It has a hue angle of 206.1 degrees, a saturation of 33.3% and a lightness of 27.1%. #2e485c color hex could be obtained by blending #5c90b8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 28
- B 36
RGB color chart
- C 50
- M 22
- Y 0
- K 64
CMYK color chart

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

The hexadecimal color #2e485c has RGB values of R:46, G:72, B:92 and CMYK values of C:0.5, M:0.22, Y:0, K:0.64. Its decimal value is 3033180.

Hex triplet	2e485c	`#2e485c`
RGB Decimal	46, 72, 92	`rgb(46,72,92)`
RGB Percent	18, 28.2, 36.1	`rgb(18%,28.2%,36.1%)`
CMYK	50, 22, 0, 64
HSL	206.1°, 33.3, 27.1	`hsl(206.1,33.3%,27.1%)`
HSV (or HSB)	206.1°, 50, 36.1
Web Safe	333366	`#333366`

CIE-LAB	29.382, -3.69, -14.895
XYZ	5.375, 5.988, 10.997
xyY	0.24, 0.268, 5.988
CIE-LCH	29.382, 15.345, 256.087
CIE-LUV	29.382, -11.499, -18.303
Hunter-Lab	24.47, -3.612, -9.516
Binary	00101110, 01001000, 01011100

#2e485c
```
#2e485c rgb(46,72,92)
```
#5c422e
```
#5c422e rgb(92,66,46)
```

Complementary Color

#2e5c59
```
#2e5c59 rgb(46,92,89)
```
#2e485c
```
#2e485c rgb(46,72,92)
```
#2e315c
```
#2e315c rgb(46,49,92)
```

Analogous Color

#5c592e
```
#5c592e rgb(92,89,46)
```
#2e485c
```
#2e485c rgb(46,72,92)
```
#5c2e31
```
#5c2e31 rgb(92,46,49)
```

Split Complementary Color

#485c2e
```
#485c2e rgb(72,92,46)
```
#2e485c
```
#2e485c rgb(46,72,92)
```
#5c2e48
```
#5c2e48 rgb(92,46,72)
```

Triadic Color

#2e5c42
```
#2e5c42 rgb(46,92,66)
```
#2e485c
```
#2e485c rgb(46,72,92)
```
#5c2e48
```
#5c2e48 rgb(92,46,72)
```
#5c422e
```
#5c422e rgb(92,66,46)
```

Tetradic Color

#152029
```
#152029 rgb(21,32,41)
```
#1d2d3a
```
#1d2d3a rgb(29,45,58)
```
#263b4b
```
#263b4b rgb(38,59,75)
```
#2e485c
```
#2e485c rgb(46,72,92)
```
#37556d
```
#37556d rgb(55,85,109)
```
#3f637e
```
#3f637e rgb(63,99,126)
```
#48708f
```
#48708f rgb(72,112,143)
```

Monochromatic Color

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

#2e545c
```
#2e545c rgb(46,84,92)
```
#2e505c
```
#2e505c rgb(46,80,92)
```
#2e4c5c
```
#2e4c5c rgb(46,76,92)
```
#2e485c
```
#2e485c rgb(46,72,92)
```
#2e445c
```
#2e445c rgb(46,68,92)
```
#2e405c
```
#2e405c rgb(46,64,92)
```
#2e3d5c
```
#2e3d5c rgb(46,61,92)
```

Similar Colors

Text with hexadecimal color #2e485c

This text has a font color of #2e485c.

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

#2e485c background color

This paragraph has a background color of #2e485c.

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

#2e485c border color

This element has a border color of #2e485c.

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

CSS codes

.text {color:#2e485c;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#070b0e
```
#070b0e rgb(7,11,14)
```
#0d151b
```
#0d151b rgb(13,21,27)
```
#141f28
```
#141f28 rgb(20,31,40)
```
#1a2935
```
#1a2935 rgb(26,41,53)
```
#213442
```
#213442 rgb(33,52,66)
```
#273e4f
```
#273e4f rgb(39,62,79)
```
#2e485c
```
#2e485c rgb(46,72,92)
```
#355269
```
#355269 rgb(53,82,105)
```
#3b5c76
```
#3b5c76 rgb(59,92,118)
```
#426783
```
#426783 rgb(66,103,131)
```
#487190
```
#487190 rgb(72,113,144)
```
#4f7b9d
```
#4f7b9d rgb(79,123,157)
```

Shade Color Variation

#5585aa
```
#5585aa rgb(85,133,170)
```
#638fb1
```
#638fb1 rgb(99,143,177)
```
#7098b7
```
#7098b7 rgb(112,152,183)
```
#7da2be
```
#7da2be rgb(125,162,190)
```
#8aabc4
```
#8aabc4 rgb(138,171,196)
```
#97b4cb
```
#97b4cb rgb(151,180,203)
```
#a4bed1
```
#a4bed1 rgb(164,190,209)
```
#b1c7d8
```
#b1c7d8 rgb(177,199,216)
```
#bed0df
```
#bed0df rgb(190,208,223)
```
#cbdae5
```
#cbdae5 rgb(203,218,229)
```
#d8e3ec
```
#d8e3ec rgb(216,227,236)
```
#e5edf2
```
#e5edf2 rgb(229,237,242)
```
#f2f6f9
```
#f2f6f9 rgb(242,246,249)
```

Tint Color Variation

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

#434547
```
#434547 rgb(67,69,71)
```
#3e464c
```
#3e464c rgb(62,70,76)
```
#394751
```
#394751 rgb(57,71,81)
```
#334757
```
#334757 rgb(51,71,87)
```
#2e485c
```
#2e485c rgb(46,72,92)
```
#294961
```
#294961 rgb(41,73,97)
```
#234967
```
#234967 rgb(35,73,103)
```
#1e4a6c
```
#1e4a6c rgb(30,74,108)
```
#194b71
```
#194b71 rgb(25,75,113)
```
#134b77
```
#134b77 rgb(19,75,119)
```
#0e4c7c
```
#0e4c7c rgb(14,76,124)
```
#094d81
```
#094d81 rgb(9,77,129)
```
#044e86
```
#044e86 rgb(4,78,134)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3f4448 Atypical Achromatopsia 0.001% of the population

Dichromacy

#494e62 Protanopia 1% of men
#484d65 Deuteranopia 1% of men
#345359 Tritanopia 0.001% of the population

Trichromacy

#3f4b5f Protanomaly 1% of men, 0.01% of women
#3f4b62 Deuteranomaly 6% of men, 0.4% of women
#324f5a Tritanomaly 0.01% of the population

#2e485c hex color

#2e485c Color Information

#2e485c Color Conversion

Color Schemes with #2e485c

Alternatives to #2e485c

#2e485c Preview

Shades and Tints of #2e485c

Tones of #2e485c

Color Blindness Simulator