colorhexa.com

#2e5b48 hex color

In a RGB color space, hex #2e5b48 is composed of 18% red, 35.7% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 49.5% cyan, 0% magenta, 20.9% yellow and 64.3% black. It has a hue angle of 154.7 degrees, a saturation of 32.8% and a lightness of 26.9%. #2e5b48 color hex could be obtained by blending #5cb690 with #000000. Closest websafe color is: #336633.

- R 18
- G 36
- B 28
RGB color chart
- C 49
- M 0
- Y 21
- K 64
CMYK color chart

● #2e5b48 color description : Very dark desaturated cyan - lime green.

The hexadecimal color #2e5b48 has RGB values of R:46, G:91, B:72 and CMYK values of C:0.49, M:0, Y:0.21, K:0.64. Its decimal value is 3038024.

Hex triplet	2e5b48	`#2e5b48`
RGB Decimal	46, 91, 72	`rgb(46,91,72)`
RGB Percent	18, 35.7, 28.2	`rgb(18%,35.7%,28.2%)`
CMYK	49, 0, 21, 64
HSL	154.7°, 32.8, 26.9	`hsl(154.7,32.8%,26.9%)`
HSV (or HSB)	154.7°, 49.5, 35.7
Web Safe	336633	`#336633`

CIE-LAB	35.064, -20.609, 6.207
XYZ	6.037, 8.531, 7.459
xyY	0.274, 0.387, 8.531
CIE-LCH	35.064, 21.523, 163.238
CIE-LUV	35.064, -19.788, 10.32
Hunter-Lab	29.207, -14.216, 5.303
Binary	00101110, 01011011, 01001000

#2e5b48
```
#2e5b48 rgb(46,91,72)
```
#5b2e41
```
#5b2e41 rgb(91,46,65)
```

Complementary Color

#2e5b32
```
#2e5b32 rgb(46,91,50)
```
#2e5b48
```
#2e5b48 rgb(46,91,72)
```
#2e585b
```
#2e585b rgb(46,88,91)
```

Analogous Color

#5b322e
```
#5b322e rgb(91,50,46)
```
#2e5b48
```
#2e5b48 rgb(46,91,72)
```
#5b2e58
```
#5b2e58 rgb(91,46,88)
```

Split Complementary Color

#142820
```
#142820 rgb(20,40,32)
```
#1d392d
```
#1d392d rgb(29,57,45)
```
#254a3b
```
#254a3b rgb(37,74,59)
```
#2e5b48
```
#2e5b48 rgb(46,91,72)
```
#376c55
```
#376c55 rgb(55,108,85)
```
#3f7d63
```
#3f7d63 rgb(63,125,99)
```
#488e70
```
#488e70 rgb(72,142,112)
```

Monochromatic Color

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

#2e5b3d
```
#2e5b3d rgb(46,91,61)
```
#2e5b41
```
#2e5b41 rgb(46,91,65)
```
#2e5b44
```
#2e5b44 rgb(46,91,68)
```
#2e5b48
```
#2e5b48 rgb(46,91,72)
```
#2e5b4c
```
#2e5b4c rgb(46,91,76)
```
#2e5b50
```
#2e5b50 rgb(46,91,80)
```
#2e5b53
```
#2e5b53 rgb(46,91,83)
```

Similar Colors

Text with hexadecimal color #2e5b48

This text has a font color of #2e5b48.

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

#2e5b48 background color

This paragraph has a background color of #2e5b48.

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

#2e5b48 border color

This element has a border color of #2e5b48.

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

CSS codes

.text {color:#2e5b48;}

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

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

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, #060d0a is the darkest color, while #ffffff is the lightest one.

#060d0a
```
#060d0a rgb(6,13,10)
```
#0d1a14
```
#0d1a14 rgb(13,26,20)
```
#14271f
```
#14271f rgb(20,39,31)
```
#1a3429
```
#1a3429 rgb(26,52,41)
```
#214133
```
#214133 rgb(33,65,51)
```
#274e3e
```
#274e3e rgb(39,78,62)
```
#2e5b48
```
#2e5b48 rgb(46,91,72)
```
#356852
```
#356852 rgb(53,104,82)
```
#3b755d
```
#3b755d rgb(59,117,93)
```
#428267
```
#428267 rgb(66,130,103)
```
#488f71
```
#488f71 rgb(72,143,113)
```
#4f9c7c
```
#4f9c7c rgb(79,156,124)
```
#56a986
```
#56a986 rgb(86,169,134)
```

Shade Color Variation

#62b08f
```
#62b08f rgb(98,176,143)
```
#6fb698
```
#6fb698 rgb(111,182,152)
```
#7dbda2
```
#7dbda2 rgb(125,189,162)
```
#8ac4ab
```
#8ac4ab rgb(138,196,171)
```
#97cab4
```
#97cab4 rgb(151,202,180)
```
#a4d1be
```
#a4d1be rgb(164,209,190)
```
#b1d7c7
```
#b1d7c7 rgb(177,215,199)
```
#beded0
```
#beded0 rgb(190,222,208)
```
#cbe5da
```
#cbe5da rgb(203,229,218)
```
#d8ebe3
```
#d8ebe3 rgb(216,235,227)
```
#e5f2ec
```
#e5f2ec rgb(229,242,236)
```
#f2f8f6
```
#f2f8f6 rgb(242,248,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#434645
```
#434645 rgb(67,70,69)
```
#3e4b46
```
#3e4b46 rgb(62,75,70)
```
#395046
```
#395046 rgb(57,80,70)
```
#335647
```
#335647 rgb(51,86,71)
```
#2e5b48
```
#2e5b48 rgb(46,91,72)
```
#296049
```
#296049 rgb(41,96,73)
```
#23664a
```
#23664a rgb(35,102,74)
```
#1e6b4a
```
#1e6b4a rgb(30,107,74)
```
#19704b
```
#19704b rgb(25,112,75)
```
#14754c
```
#14754c rgb(20,117,76)
```
#0e7b4d
```
#0e7b4d rgb(14,123,77)
```
#09804e
```
#09804e rgb(9,128,78)
```
#04854f
```
#04854f rgb(4,133,79)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#454e4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#605b4d Protanopia 1% of men
#665855 Deuteranopia 1% of men
#3f6067 Tritanopia 0.001% of the population

Trichromacy

#4d5b4b Protanomaly 1% of men, 0.01% of women
#515950 Deuteranomaly 6% of men, 0.4% of women
#395e5c Tritanomaly 0.01% of the population