#2e506b hex color

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

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

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

The hexadecimal color #2e506b has RGB values of R:46, G:80, B:107 and CMYK values of C:0.57, M:0.25, Y:0, K:0.58. Its decimal value is 3035243.

Hex triplet	2e506b	`#2e506b`
RGB Decimal	46, 80, 107	`rgb(46,80,107)`
RGB Percent	18, 31.4, 42	`rgb(18%,31.4%,42%)`
CMYK	57, 25, 0, 58
HSL	206.6°, 39.9, 30	`hsl(206.6,39.9%,30%)`
HSV (or HSB)	206.6°, 57, 42
Web Safe	336666	`#336666`

CIE-LAB	32.655, -3.705, -19.366
XYZ	6.649, 7.379, 14.983
xyY	0.229, 0.254, 7.379
CIE-LCH	32.655, 19.718, 259.169
CIE-LUV	32.655, -14.42, -25.089
Hunter-Lab	27.165, -3.851, -13.687
Binary	00101110, 01010000, 01101011

#2e506b
```
#2e506b rgb(46,80,107)
```
#6b492e
```
#6b492e rgb(107,73,46)
```

Complementary Color

#2e6b68
```
#2e6b68 rgb(46,107,104)
```
#2e506b
```
#2e506b rgb(46,80,107)
```
#2e326b
```
#2e326b rgb(46,50,107)
```

Analogous Color

#6b682e
```
#6b682e rgb(107,104,46)
```
#2e506b
```
#2e506b rgb(46,80,107)
```
#6b2e32
```
#6b2e32 rgb(107,46,50)
```

Split Complementary Color

#506b2e
```
#506b2e rgb(80,107,46)
```
#2e506b
```
#2e506b rgb(46,80,107)
```
#6b2e50
```
#6b2e50 rgb(107,46,80)
```

Triadic Color

#2e6b49
```
#2e6b49 rgb(46,107,73)
```
#2e506b
```
#2e506b rgb(46,80,107)
```
#6b2e50
```
#6b2e50 rgb(107,46,80)
```
#6b492e
```
#6b492e rgb(107,73,46)
```

Tetradic Color

#172836
```
#172836 rgb(23,40,54)
```
#1f3547
```
#1f3547 rgb(31,53,71)
```
#264359
```
#264359 rgb(38,67,89)
```
#2e506b
```
#2e506b rgb(46,80,107)
```
#365d7d
```
#365d7d rgb(54,93,125)
```
#3d6b8f
```
#3d6b8f rgb(61,107,143)
```
#4578a1
```
#4578a1 rgb(69,120,161)
```

Monochromatic Color

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

#2e5f6b
```
#2e5f6b rgb(46,95,107)
```
#2e5a6b
```
#2e5a6b rgb(46,90,107)
```
#2e556b
```
#2e556b rgb(46,85,107)
```
#2e506b
```
#2e506b rgb(46,80,107)
```
#2e4b6b
```
#2e4b6b rgb(46,75,107)
```
#2e466b
```
#2e466b rgb(46,70,107)
```
#2e416b
```
#2e416b rgb(46,65,107)
```

Similar Colors

Text with hexadecimal color #2e506b

This text has a font color of #2e506b.

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

#2e506b background color

This paragraph has a background color of #2e506b.

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

#2e506b border color

This element has a border color of #2e506b.

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

CSS codes

.text {color:#2e506b;}

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

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

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

#05080b
```
#05080b rgb(5,8,11)
```
#0b1219
```
#0b1219 rgb(11,18,25)
```
#111d26
```
#111d26 rgb(17,29,38)
```
#162734
```
#162734 rgb(22,39,52)
```
#1c3142
```
#1c3142 rgb(28,49,66)
```
#223b50
```
#223b50 rgb(34,59,80)
```
#28465d
```
#28465d rgb(40,70,93)
```
#2e506b
```
#2e506b rgb(46,80,107)
```
#345a79
```
#345a79 rgb(52,90,121)
```
#3a6586
```
#3a6586 rgb(58,101,134)
```
#406f94
```
#406f94 rgb(64,111,148)
```
#4679a2
```
#4679a2 rgb(70,121,162)
```
#4b83b0
```
#4b83b0 rgb(75,131,176)
```

Shade Color Variation

#588db7
```
#588db7 rgb(88,141,183)
```
#6596bd
```
#6596bd rgb(101,150,189)
```
#73a0c3
```
#73a0c3 rgb(115,160,195)
```
#81a9c9
```
#81a9c9 rgb(129,169,201)
```
#8fb2cf
```
#8fb2cf rgb(143,178,207)
```
#9cbcd5
```
#9cbcd5 rgb(156,188,213)
```
#aac5da
```
#aac5da rgb(170,197,218)
```
#b8cee0
```
#b8cee0 rgb(184,206,224)
```
#c5d8e6
```
#c5d8e6 rgb(197,216,230)
```
#d3e1ec
```
#d3e1ec rgb(211,225,236)
```
#e1eaf2
```
#e1eaf2 rgb(225,234,242)
```
#eff4f8
```
#eff4f8 rgb(239,244,248)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#4b4d4e
```
#4b4d4e rgb(75,77,78)
```
#464d53
```
#464d53 rgb(70,77,83)
```
#404e59
```
#404e59 rgb(64,78,89)
```
#3a4f5f
```
#3a4f5f rgb(58,79,95)
```
#344f65
```
#344f65 rgb(52,79,101)
```
#2e506b
```
#2e506b rgb(46,80,107)
```
#285171
```
#285171 rgb(40,81,113)
```
#225177
```
#225177 rgb(34,81,119)
```
#1c527d
```
#1c527d rgb(28,82,125)
```
#165383
```
#165383 rgb(22,83,131)
```
#115388
```
#115388 rgb(17,83,136)
```
#0b548e
```
#0b548e rgb(11,84,142)
```
#055594
```
#055594 rgb(5,85,148)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#444a50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e556f Protanopia 1% of men
#4b5574 Deuteranopia 1% of men
#315c62 Tritanopia 0.001% of the population

Trichromacy

#42536e Protanomaly 1% of men, 0.01% of women
#405370 Deuteranomaly 6% of men, 0.4% of women
#305765 Tritanomaly 0.01% of the population

#2e506b hex color

#2e506b Color Information

#2e506b Color Conversion

Color Schemes with #2e506b

Alternatives to #2e506b

#2e506b Preview

Shades and Tints of #2e506b

Tones of #2e506b

Color Blindness Simulator