#2e505d hex color

In a RGB color space, hex #2e505d is composed of 18% red, 31.4% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 50.5% cyan, 14% magenta, 0% yellow and 63.5% black. It has a hue angle of 196.6 degrees, a saturation of 33.8% and a lightness of 27.3%. #2e505d color hex could be obtained by blending #5ca0ba with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 31
- B 36
RGB color chart
- C 51
- M 14
- Y 0
- K 64
CMYK color chart

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

The hexadecimal color #2e505d has RGB values of R:46, G:80, B:93 and CMYK values of C:0.51, M:0.14, Y:0, K:0.64. Its decimal value is 3035229.

Hex triplet	2e505d	`#2e505d`
RGB Decimal	46, 80, 93	`rgb(46,80,93)`
RGB Percent	18, 31.4, 36.5	`rgb(18%,31.4%,36.5%)`
CMYK	51, 14, 0, 64
HSL	196.6°, 33.8, 27.3	`hsl(196.6,33.8%,27.3%)`
HSV (or HSB)	196.6°, 50.5, 36.5
Web Safe	336666	`#336666`

CIE-LAB	32.052, -8.359, -11.451
XYZ	5.971, 7.108, 11.413
xyY	0.244, 0.29, 7.108
CIE-LCH	32.052, 14.177, 233.871
CIE-LUV	32.052, -14.661, -13.601
Hunter-Lab	26.661, -6.682, -6.717
Binary	00101110, 01010000, 01011101

#2e505d
```
#2e505d rgb(46,80,93)
```
#5d3b2e
```
#5d3b2e rgb(93,59,46)
```

Complementary Color

#2e5d53
```
#2e5d53 rgb(46,93,83)
```
#2e505d
```
#2e505d rgb(46,80,93)
```
#2e395d
```
#2e395d rgb(46,57,93)
```

Analogous Color

#5d532e
```
#5d532e rgb(93,83,46)
```
#2e505d
```
#2e505d rgb(46,80,93)
```
#5d2e39
```
#5d2e39 rgb(93,46,57)
```

Split Complementary Color

#505d2e
```
#505d2e rgb(80,93,46)
```
#2e505d
```
#2e505d rgb(46,80,93)
```
#5d2e50
```
#5d2e50 rgb(93,46,80)
```

Triadic Color

#2e5d3b
```
#2e5d3b rgb(46,93,59)
```
#2e505d
```
#2e505d rgb(46,80,93)
```
#5d2e50
```
#5d2e50 rgb(93,46,80)
```
#5d3b2e
```
#5d3b2e rgb(93,59,46)
```

Tetradic Color

#15242a
```
#15242a rgb(21,36,42)
```
#1d333b
```
#1d333b rgb(29,51,59)
```
#26414c
```
#26414c rgb(38,65,76)
```
#2e505d
```
#2e505d rgb(46,80,93)
```
#365f6e
```
#365f6e rgb(54,95,110)
```
#3f6d7f
```
#3f6d7f rgb(63,109,127)
```
#477c90
```
#477c90 rgb(71,124,144)
```

Monochromatic Color

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

#2e5c5d
```
#2e5c5d rgb(46,92,93)
```
#2e585d
```
#2e585d rgb(46,88,93)
```
#2e545d
```
#2e545d rgb(46,84,93)
```
#2e505d
```
#2e505d rgb(46,80,93)
```
#2e4c5d
```
#2e4c5d rgb(46,76,93)
```
#2e485d
```
#2e485d rgb(46,72,93)
```
#2e445d
```
#2e445d rgb(46,68,93)
```

Similar Colors

Text with hexadecimal color #2e505d

This text has a font color of #2e505d.

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

#2e505d background color

This paragraph has a background color of #2e505d.

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

#2e505d border color

This element has a border color of #2e505d.

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

CSS codes

.text {color:#2e505d;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#070c0e
```
#070c0e rgb(7,12,14)
```
#0e181b
```
#0e181b rgb(14,24,27)
```
#142329
```
#142329 rgb(20,35,41)
```
#1b2e36
```
#1b2e36 rgb(27,46,54)
```
#213943
```
#213943 rgb(33,57,67)
```
#284550
```
#284550 rgb(40,69,80)
```
#2e505d
```
#2e505d rgb(46,80,93)
```
#345b6a
```
#345b6a rgb(52,91,106)
```
#3b6777
```
#3b6777 rgb(59,103,119)
```
#417284
```
#417284 rgb(65,114,132)
```
#487d91
```
#487d91 rgb(72,125,145)
```
#4e889f
```
#4e889f rgb(78,136,159)
```

Shade Color Variation

#5693ab
```
#5693ab rgb(86,147,171)
```
#639cb2
```
#639cb2 rgb(99,156,178)
```
#70a4b8
```
#70a4b8 rgb(112,164,184)
```
#7dacbf
```
#7dacbf rgb(125,172,191)
```
#8ab5c5
```
#8ab5c5 rgb(138,181,197)
```
#97bdcc
```
#97bdcc rgb(151,189,204)
```
#a4c5d2
```
#a4c5d2 rgb(164,197,210)
```
#b1ced9
```
#b1ced9 rgb(177,206,217)
```
#bfd6df
```
#bfd6df rgb(191,214,223)
```
#ccdee6
```
#ccdee6 rgb(204,222,230)
```
#d9e7ec
```
#d9e7ec rgb(217,231,236)
```
#e6eff3
```
#e6eff3 rgb(230,239,243)
```
#f3f7f9
```
#f3f7f9 rgb(243,247,249)
```

Tint Color Variation

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

#434648
```
#434648 rgb(67,70,72)
```
#3e494d
```
#3e494d rgb(62,73,77)
```
#394b52
```
#394b52 rgb(57,75,82)
```
#334e58
```
#334e58 rgb(51,78,88)
```
#2e505d
```
#2e505d rgb(46,80,93)
```
#295262
```
#295262 rgb(41,82,98)
```
#235568
```
#235568 rgb(35,85,104)
```
#1e576d
```
#1e576d rgb(30,87,109)
```
#195a72
```
#195a72 rgb(25,90,114)
```
#135c78
```
#135c78 rgb(19,92,120)
```
#0e5e7d
```
#0e5e7d rgb(14,94,125)
```
#096182
```
#096182 rgb(9,97,130)
```
#036388
```
#036388 rgb(3,99,136)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#42494b Atypical Achromatopsia 0.001% of the population

Dichromacy

#515462 Protanopia 1% of men
#525367 Deuteranopia 1% of men
#365960 Tritanopia 0.001% of the population

Trichromacy

#445260 Protanomaly 1% of men, 0.01% of women
#455263 Deuteranomaly 6% of men, 0.4% of women
#33565f Tritanomaly 0.01% of the population

#2e505d hex color

#2e505d Color Information

#2e505d Color Conversion

Color Schemes with #2e505d

Alternatives to #2e505d

#2e505d Preview

Shades and Tints of #2e505d

Tones of #2e505d

Color Blindness Simulator