#2e5350 hex color

In a RGB color space, hex #2e5350 is composed of 18% red, 32.5% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 44.6% cyan, 0% magenta, 3.6% yellow and 67.5% black. It has a hue angle of 175.1 degrees, a saturation of 28.7% and a lightness of 25.3%. #2e5350 color hex could be obtained by blending #5ca6a0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 33
- B 31
RGB color chart
- C 45
- M 0
- Y 4
- K 67
CMYK color chart

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

The hexadecimal color #2e5350 has RGB values of R:46, G:83, B:80 and CMYK values of C:0.45, M:0, Y:0.04, K:0.67. Its decimal value is 3035984.

Hex triplet	2e5350	`#2e5350`
RGB Decimal	46, 83, 80	`rgb(46,83,80)`
RGB Percent	18, 32.5, 31.4	`rgb(18%,32.5%,31.4%)`
CMYK	45, 0, 4, 67
HSL	175.1°, 28.7, 25.3	`hsl(175.1,28.7%,25.3%)`
HSV (or HSB)	175.1°, 44.6, 32.5
Web Safe	336666	`#336666`

CIE-LAB	32.582, -14.068, -2.407
XYZ	5.668, 7.346, 8.708
xyY	0.261, 0.338, 7.346
CIE-LCH	32.582, 14.273, 189.708
CIE-LUV	32.582, -16.17, -1.137
Hunter-Lab	27.104, -10.107, -0.077
Binary	00101110, 01010011, 01010000

#2e5350
```
#2e5350 rgb(46,83,80)
```
#532e31
```
#532e31 rgb(83,46,49)
```

Complementary Color

#2e533e
```
#2e533e rgb(46,83,62)
```
#2e5350
```
#2e5350 rgb(46,83,80)
```
#2e4453
```
#2e4453 rgb(46,68,83)
```

Analogous Color

#533e2e
```
#533e2e rgb(83,62,46)
```
#2e5350
```
#2e5350 rgb(46,83,80)
```
#532e44
```
#532e44 rgb(83,46,68)
```

Split Complementary Color

#53502e
```
#53502e rgb(83,80,46)
```
#2e5350
```
#2e5350 rgb(46,83,80)
```
#502e53
```
#502e53 rgb(80,46,83)
```

Triadic Color

#31532e
```
#31532e rgb(49,83,46)
```
#2e5350
```
#2e5350 rgb(46,83,80)
```
#502e53
```
#502e53 rgb(80,46,83)
```
#532e31
```
#532e31 rgb(83,46,49)
```

Tetradic Color

#132221
```
#132221 rgb(19,34,33)
```
#1c3230
```
#1c3230 rgb(28,50,48)
```
#254340
```
#254340 rgb(37,67,64)
```
#2e5350
```
#2e5350 rgb(46,83,80)
```
#376360
```
#376360 rgb(55,99,96)
```
#407470
```
#407470 rgb(64,116,112)
```
#49847f
```
#49847f rgb(73,132,127)
```

Monochromatic Color

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

#2e5347
```
#2e5347 rgb(46,83,71)
```
#2e534a
```
#2e534a rgb(46,83,74)
```
#2e534d
```
#2e534d rgb(46,83,77)
```
#2e5350
```
#2e5350 rgb(46,83,80)
```
#2e5353
```
#2e5353 rgb(46,83,83)
```
#2e5053
```
#2e5053 rgb(46,80,83)
```
#2e4d53
```
#2e4d53 rgb(46,77,83)
```

Similar Colors

Text with hexadecimal color #2e5350

This text has a font color of #2e5350.

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

#2e5350 background color

This paragraph has a background color of #2e5350.

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

#2e5350 border color

This element has a border color of #2e5350.

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

CSS codes

.text {color:#2e5350;}

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

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

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

#040707
```
#040707 rgb(4,7,7)
```
#0b1413
```
#0b1413 rgb(11,20,19)
```
#12211f
```
#12211f rgb(18,33,31)
```
#192d2c
```
#192d2c rgb(25,45,44)
```
#203a38
```
#203a38 rgb(32,58,56)
```
#274644
```
#274644 rgb(39,70,68)
```
#2e5350
```
#2e5350 rgb(46,83,80)
```
#35605c
```
#35605c rgb(53,96,92)
```
#3c6c68
```
#3c6c68 rgb(60,108,104)
```
#437974
```
#437974 rgb(67,121,116)
```
#4a8581
```
#4a8581 rgb(74,133,129)
```
#51928d
```
#51928d rgb(81,146,141)
```
#589f99
```
#589f99 rgb(88,159,153)
```

Shade Color Variation

#62a8a2
```
#62a8a2 rgb(98,168,162)
```
#6fafaa
```
#6fafaa rgb(111,175,170)
```
#7bb6b1
```
#7bb6b1 rgb(123,182,177)
```
#88bdb9
```
#88bdb9 rgb(136,189,185)
```
#95c4c0
```
#95c4c0 rgb(149,196,192)
```
#a1cbc8
```
#a1cbc8 rgb(161,203,200)
```
#aed2cf
```
#aed2cf rgb(174,210,207)
```
#bbd9d7
```
#bbd9d7 rgb(187,217,215)
```
#c7e0de
```
#c7e0de rgb(199,224,222)
```
#d4e7e5
```
#d4e7e5 rgb(212,231,229)
```
#e0eeed
```
#e0eeed rgb(224,238,237)
```
#edf5f4
```
#edf5f4 rgb(237,245,244)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

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

#3d4444
```
#3d4444 rgb(61,68,68)
```
#384948
```
#384948 rgb(56,73,72)
```
#334e4c
```
#334e4c rgb(51,78,76)
```
#2e5350
```
#2e5350 rgb(46,83,80)
```
#295854
```
#295854 rgb(41,88,84)
```
#245d58
```
#245d58 rgb(36,93,88)
```
#1f625c
```
#1f625c rgb(31,98,92)
```
#1a6761
```
#1a6761 rgb(26,103,97)
```
#156c65
```
#156c65 rgb(21,108,101)
```
#107169
```
#107169 rgb(16,113,105)
```
#0b766d
```
#0b766d rgb(11,118,109)
```
#067b71
```
#067b71 rgb(6,123,113)
```
#018075
```
#018075 rgb(1,128,117)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#434a4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#575555 Protanopia 1% of men
#5a535c Deuteranopia 1% of men
#3b5a61 Tritanopia 0.001% of the population

Trichromacy

#485453 Protanomaly 1% of men, 0.01% of women
#4a5357 Deuteranomaly 6% of men, 0.4% of women
#36575a Tritanomaly 0.01% of the population

#2e5350 hex color

#2e5350 Color Information

#2e5350 Color Conversion

Color Schemes with #2e5350

Alternatives to #2e5350

#2e5350 Preview

Shades and Tints of #2e5350

Tones of #2e5350

Color Blindness Simulator