#2e4248 hex color

In a RGB color space, hex #2e4248 is composed of 18% red, 25.9% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 36.1% cyan, 8.3% magenta, 0% yellow and 71.8% black. It has a hue angle of 193.8 degrees, a saturation of 22% and a lightness of 23.1%. #2e4248 color hex could be obtained by blending #5c8490 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 18
- G 26
- B 28
RGB color chart
- C 36
- M 8
- Y 0
- K 72
CMYK color chart

● #2e4248 color description : Very dark desaturated cyan.

The hexadecimal color #2e4248 has RGB values of R:46, G:66, B:72 and CMYK values of C:0.36, M:0.08, Y:0, K:0.72. Its decimal value is 3031624.

Hex triplet	2e4248	`#2e4248`
RGB Decimal	46, 66, 72	`rgb(46,66,72)`
RGB Percent	18, 25.9, 28.2	`rgb(18%,25.9%,28.2%)`
CMYK	36, 8, 0, 72
HSL	193.8°, 22, 23.1	`hsl(193.8,22%,23.1%)`
HSV (or HSB)	193.8°, 36.1, 28.2
Web Safe	333333	`#333333`

CIE-LAB	26.577, -6.134, -6.179
XYZ	4.244, 4.945, 6.861
xyY	0.264, 0.308, 4.945
CIE-LCH	26.577, 8.706, 225.206
CIE-LUV	26.577, -9.106, -6.498
Hunter-Lab	22.237, -4.846, -2.728
Binary	00101110, 01000010, 01001000

#2e4248
```
#2e4248 rgb(46,66,72)
```
#48342e
```
#48342e rgb(72,52,46)
```

Complementary Color

#2e4841
```
#2e4841 rgb(46,72,65)
```
#2e4248
```
#2e4248 rgb(46,66,72)
```
#2e3548
```
#2e3548 rgb(46,53,72)
```

Analogous Color

#48412e
```
#48412e rgb(72,65,46)
```
#2e4248
```
#2e4248 rgb(46,66,72)
```
#482e35
```
#482e35 rgb(72,46,53)
```

Split Complementary Color

#42482e
```
#42482e rgb(66,72,46)
```
#2e4248
```
#2e4248 rgb(46,66,72)
```
#482e42
```
#482e42 rgb(72,46,66)
```

Triadic Color

#2e4834
```
#2e4834 rgb(46,72,52)
```
#2e4248
```
#2e4248 rgb(46,66,72)
```
#482e42
```
#482e42 rgb(72,46,66)
```
#48342e
```
#48342e rgb(72,52,46)
```

Tetradic Color

#101719
```
#101719 rgb(16,23,25)
```
#1a2529
```
#1a2529 rgb(26,37,41)
```
#243438
```
#243438 rgb(36,52,56)
```
#2e4248
```
#2e4248 rgb(46,66,72)
```
#385058
```
#385058 rgb(56,80,88)
```
#425f67
```
#425f67 rgb(66,95,103)
```
#4c6d77
```
#4c6d77 rgb(76,109,119)
```

Monochromatic Color

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

#2e4848
```
#2e4848 rgb(46,72,72)
```
#2e4648
```
#2e4648 rgb(46,70,72)
```
#2e4448
```
#2e4448 rgb(46,68,72)
```
#2e4248
```
#2e4248 rgb(46,66,72)
```
#2e4048
```
#2e4048 rgb(46,64,72)
```
#2e3e48
```
#2e3e48 rgb(46,62,72)
```
#2e3c48
```
#2e3c48 rgb(46,60,72)
```

Similar Colors

Text with hexadecimal color #2e4248

This text has a font color of #2e4248.

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

#2e4248 background color

This paragraph has a background color of #2e4248.

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

#2e4248 border color

This element has a border color of #2e4248.

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

CSS codes

.text {color:#2e4248;}

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

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

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 #f3f6f7 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#080b0c
```
#080b0c rgb(8,11,12)
```
#0f1618
```
#0f1618 rgb(15,22,24)
```
#172124
```
#172124 rgb(23,33,36)
```
#1f2c30
```
#1f2c30 rgb(31,44,48)
```
#26373c
```
#26373c rgb(38,55,60)
```
#2e4248
```
#2e4248 rgb(46,66,72)
```
#364d54
```
#364d54 rgb(54,77,84)
```
#3d5860
```
#3d5860 rgb(61,88,96)
```
#45636c
```
#45636c rgb(69,99,108)
```
#4d6e78
```
#4d6e78 rgb(77,110,120)
```
#547984
```
#547984 rgb(84,121,132)
```
#5c8490
```
#5c8490 rgb(92,132,144)
```

Shade Color Variation

#648f9c
```
#648f9c rgb(100,143,156)
```
#7097a3
```
#7097a3 rgb(112,151,163)
```
#7ca0ab
```
#7ca0ab rgb(124,160,171)
```
#88a9b3
```
#88a9b3 rgb(136,169,179)
```
#93b1ba
```
#93b1ba rgb(147,177,186)
```
#9fbac2
```
#9fbac2 rgb(159,186,194)
```
#abc3ca
```
#abc3ca rgb(171,195,202)
```
#b7cbd1
```
#b7cbd1 rgb(183,203,209)
```
#c3d4d9
```
#c3d4d9 rgb(195,212,217)
```
#cfdde1
```
#cfdde1 rgb(207,221,225)
```
#dbe5e8
```
#dbe5e8 rgb(219,229,232)
```
#e7eef0
```
#e7eef0 rgb(231,238,240)
```
#f3f6f7
```
#f3f6f7 rgb(243,246,247)
```

Tint Color Variation

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

#373d3f
```
#373d3f rgb(55,61,63)
```
#334043
```
#334043 rgb(51,64,67)
```
#2e4248
```
#2e4248 rgb(46,66,72)
```
#29444d
```
#29444d rgb(41,68,77)
```
#254751
```
#254751 rgb(37,71,81)
```
#204956
```
#204956 rgb(32,73,86)
```
#1c4c5a
```
#1c4c5a rgb(28,76,90)
```
#174e5f
```
#174e5f rgb(23,78,95)
```
#135163
```
#135163 rgb(19,81,99)
```
#0e5368
```
#0e5368 rgb(14,83,104)
```
#0a566c
```
#0a566c rgb(10,86,108)
```
#055871
```
#055871 rgb(5,88,113)
```
#015a75
```
#015a75 rgb(1,90,117)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3a3e3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#48484f Protanopia 1% of men
#4a4753 Deuteranopia 1% of men
#384b51 Tritanopia 0.001% of the population

Trichromacy

#3e464c Protanomaly 1% of men, 0.01% of women
#40454f Deuteranomaly 6% of men, 0.4% of women
#34484d Tritanomaly 0.01% of the population

#2e4248 hex color

#2e4248 Color Information

#2e4248 Color Conversion

Color Schemes with #2e4248

Alternatives to #2e4248

#2e4248 Preview

Shades and Tints of #2e4248

Tones of #2e4248

Color Blindness Simulator