#2e3846 hex color

In a RGB color space, hex #2e3846 is composed of 18% red, 22% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 34.3% cyan, 20% magenta, 0% yellow and 72.5% black. It has a hue angle of 215 degrees, a saturation of 20.7% and a lightness of 22.7%. #2e3846 color hex could be obtained by blending #5c708c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 18
- G 22
- B 27
RGB color chart
- C 34
- M 20
- Y 0
- K 73
CMYK color chart

● #2e3846 color description : Very dark grayish blue.

The hexadecimal color #2e3846 has RGB values of R:46, G:56, B:70 and CMYK values of C:0.34, M:0.2, Y:0, K:0.73. Its decimal value is 3029062.

Hex triplet	2e3846	`#2e3846`
RGB Decimal	46, 56, 70	`rgb(46,56,70)`
RGB Percent	18, 22, 27.5	`rgb(18%,22%,27.5%)`
CMYK	34, 20, 0, 73
HSL	215°, 20.7, 22.7	`hsl(215,20.7%,22.7%)`
HSV (or HSB)	215°, 34.3, 27.5
Web Safe	333333	`#333333`

CIE-LAB	23.174, -0.222, -10
XYZ	3.646, 3.851, 6.345
xyY	0.263, 0.278, 3.851
CIE-LCH	23.174, 10.002, 268.731
CIE-LUV	23.174, -4.987, -11.296
Hunter-Lab	19.625, -1.179, -5.433
Binary	00101110, 00111000, 01000110

#2e3846
```
#2e3846 rgb(46,56,70)
```
#463c2e
```
#463c2e rgb(70,60,46)
```

Complementary Color

#2e4446
```
#2e4446 rgb(46,68,70)
```
#2e3846
```
#2e3846 rgb(46,56,70)
```
#302e46
```
#302e46 rgb(48,46,70)
```

Analogous Color

#44462e
```
#44462e rgb(68,70,46)
```
#2e3846
```
#2e3846 rgb(46,56,70)
```
#46302e
```
#46302e rgb(70,48,46)
```

Split Complementary Color

#38462e
```
#38462e rgb(56,70,46)
```
#2e3846
```
#2e3846 rgb(46,56,70)
```
#462e38
```
#462e38 rgb(70,46,56)
```

Triadic Color

#2e463c
```
#2e463c rgb(46,70,60)
```
#2e3846
```
#2e3846 rgb(46,56,70)
```
#462e38
```
#462e38 rgb(70,46,56)
```
#463c2e
```
#463c2e rgb(70,60,46)
```

Tetradic Color

#101318
```
#101318 rgb(16,19,24)
```
#1a1f27
```
#1a1f27 rgb(26,31,39)
```
#242c37
```
#242c37 rgb(36,44,55)
```
#2e3846
```
#2e3846 rgb(46,56,70)
```
#384455
```
#384455 rgb(56,68,85)
```
#425165
```
#425165 rgb(66,81,101)
```
#4c5d74
```
#4c5d74 rgb(76,93,116)
```

Monochromatic Color

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

#2e3e46
```
#2e3e46 rgb(46,62,70)
```
#2e3c46
```
#2e3c46 rgb(46,60,70)
```
#2e3a46
```
#2e3a46 rgb(46,58,70)
```
#2e3846
```
#2e3846 rgb(46,56,70)
```
#2e3646
```
#2e3646 rgb(46,54,70)
```
#2e3446
```
#2e3446 rgb(46,52,70)
```
#2e3246
```
#2e3246 rgb(46,50,70)
```

Similar Colors

Text with hexadecimal color #2e3846

This text has a font color of #2e3846.

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

#2e3846 background color

This paragraph has a background color of #2e3846.

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

#2e3846 border color

This element has a border color of #2e3846.

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

CSS codes

.text {color:#2e3846;}

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

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

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

#07090b
```
#07090b rgb(7,9,11)
```
#0f1217
```
#0f1217 rgb(15,18,23)
```
#171c22
```
#171c22 rgb(23,28,34)
```
#1e252e
```
#1e252e rgb(30,37,46)
```
#262f3a
```
#262f3a rgb(38,47,58)
```
#2e3846
```
#2e3846 rgb(46,56,70)
```
#364152
```
#364152 rgb(54,65,82)
```
#3e4b5e
```
#3e4b5e rgb(62,75,94)
```
#45546a
```
#45546a rgb(69,84,106)
```
#4d5e75
```
#4d5e75 rgb(77,94,117)
```
#556781
```
#556781 rgb(85,103,129)
```
#5d718d
```
#5d718d rgb(93,113,141)
```
#647a99
```
#647a99 rgb(100,122,153)
```

Shade Color Variation

#7084a1
```
#7084a1 rgb(112,132,161)
```
#7c8fa9
```
#7c8fa9 rgb(124,143,169)
```
#8899b1
```
#8899b1 rgb(136,153,177)
```
#93a3b8
```
#93a3b8 rgb(147,163,184)
```
#9fadc0
```
#9fadc0 rgb(159,173,192)
```
#abb7c8
```
#abb7c8 rgb(171,183,200)
```
#b7c1d0
```
#b7c1d0 rgb(183,193,208)
```
#c3cbd7
```
#c3cbd7 rgb(195,203,215)
```
#cfd6df
```
#cfd6df rgb(207,214,223)
```
#dae0e7
```
#dae0e7 rgb(218,224,231)
```
#e6eaef
```
#e6eaef rgb(230,234,239)
```
#f2f4f7
```
#f2f4f7 rgb(242,244,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#37393d
```
#37393d rgb(55,57,61)
```
#323942
```
#323942 rgb(50,57,66)
```
#2e3846
```
#2e3846 rgb(46,56,70)
```
#2a374a
```
#2a374a rgb(42,55,74)
```
#25374f
```
#25374f rgb(37,55,79)
```
#213653
```
#213653 rgb(33,54,83)
```
#1c3558
```
#1c3558 rgb(28,53,88)
```
#18345c
```
#18345c rgb(24,52,92)
```
#133461
```
#133461 rgb(19,52,97)
```
#0f3365
```
#0f3365 rgb(15,51,101)
```
#0a326a
```
#0a326a rgb(10,50,106)
```
#06316e
```
#06316e rgb(6,49,110)
```
#013173
```
#013173 rgb(1,49,115)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#35373a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e414e Protanopia 1% of men
#3f4050 Deuteranopia 1% of men
#364348 Tritanopia 0.001% of the population

Trichromacy

#383d4b Protanomaly 1% of men, 0.01% of women
#393d4c Deuteranomaly 6% of men, 0.4% of women
#333f47 Tritanomaly 0.01% of the population

#2e3846 hex color

#2e3846 Color Information

#2e3846 Color Conversion

Color Schemes with #2e3846

Alternatives to #2e3846

#2e3846 Preview

Shades and Tints of #2e3846

Tones of #2e3846

Color Blindness Simulator