#2e4d57 hex color

In a RGB color space, hex #2e4d57 is composed of 18% red, 30.2% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 47.1% cyan, 11.5% magenta, 0% yellow and 65.9% black. It has a hue angle of 194.6 degrees, a saturation of 30.8% and a lightness of 26.1%. #2e4d57 color hex could be obtained by blending #5c9aae with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 30
- B 34
RGB color chart
- C 47
- M 11
- Y 0
- K 66
CMYK color chart

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

The hexadecimal color #2e4d57 has RGB values of R:46, G:77, B:87 and CMYK values of C:0.47, M:0.11, Y:0, K:0.66. Its decimal value is 3034455.

Hex triplet	2e4d57	`#2e4d57`
RGB Decimal	46, 77, 87	`rgb(46,77,87)`
RGB Percent	18, 30.2, 34.1	`rgb(18%,30.2%,34.1%)`
CMYK	47, 11, 0, 66
HSL	194.6°, 30.8, 26.1	`hsl(194.6,30.8%,26.1%)`
HSV (or HSB)	194.6°, 47.1, 34.1
Web Safe	336666	`#336666`

CIE-LAB	30.822, -8.421, -9.494
XYZ	5.5, 6.576, 9.996
xyY	0.249, 0.298, 6.576
CIE-LCH	30.822, 12.691, 228.429
CIE-LUV	30.822, -13.548, -10.85
Hunter-Lab	25.645, -6.592, -5.159
Binary	00101110, 01001101, 01010111

#2e4d57
```
#2e4d57 rgb(46,77,87)
```
#57382e
```
#57382e rgb(87,56,46)
```

Complementary Color

#2e574d
```
#2e574d rgb(46,87,77)
```
#2e4d57
```
#2e4d57 rgb(46,77,87)
```
#2e3957
```
#2e3957 rgb(46,57,87)
```

Analogous Color

#574d2e
```
#574d2e rgb(87,77,46)
```
#2e4d57
```
#2e4d57 rgb(46,77,87)
```
#572e39
```
#572e39 rgb(87,46,57)
```

Split Complementary Color

#4d572e
```
#4d572e rgb(77,87,46)
```
#2e4d57
```
#2e4d57 rgb(46,77,87)
```
#572e4d
```
#572e4d rgb(87,46,77)
```

Triadic Color

#2e5738
```
#2e5738 rgb(46,87,56)
```
#2e4d57
```
#2e4d57 rgb(46,77,87)
```
#572e4d
```
#572e4d rgb(87,46,77)
```
#57382e
```
#57382e rgb(87,56,46)
```

Tetradic Color

#142125
```
#142125 rgb(20,33,37)
```
#1c2f36
```
#1c2f36 rgb(28,47,54)
```
#253e46
```
#253e46 rgb(37,62,70)
```
#2e4d57
```
#2e4d57 rgb(46,77,87)
```
#375c68
```
#375c68 rgb(55,92,104)
```
#406b78
```
#406b78 rgb(64,107,120)
```
#487989
```
#487989 rgb(72,121,137)
```

Monochromatic Color

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

#2e5757
```
#2e5757 rgb(46,87,87)
```
#2e5457
```
#2e5457 rgb(46,84,87)
```
#2e5057
```
#2e5057 rgb(46,80,87)
```
#2e4d57
```
#2e4d57 rgb(46,77,87)
```
#2e4a57
```
#2e4a57 rgb(46,74,87)
```
#2e4657
```
#2e4657 rgb(46,70,87)
```
#2e4357
```
#2e4357 rgb(46,67,87)
```

Similar Colors

Text with hexadecimal color #2e4d57

This text has a font color of #2e4d57.

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

#2e4d57 background color

This paragraph has a background color of #2e4d57.

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

#2e4d57 border color

This element has a border color of #2e4d57.

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

CSS codes

.text {color:#2e4d57;}

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

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

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

#05090a
```
#05090a rgb(5,9,10)
```
#0c1417
```
#0c1417 rgb(12,20,23)
```
#132024
```
#132024 rgb(19,32,36)
```
#1a2b31
```
#1a2b31 rgb(26,43,49)
```
#20363d
```
#20363d rgb(32,54,61)
```
#27424a
```
#27424a rgb(39,66,74)
```
#2e4d57
```
#2e4d57 rgb(46,77,87)
```
#355864
```
#355864 rgb(53,88,100)
```
#3c6471
```
#3c6471 rgb(60,100,113)
```
#426f7d
```
#426f7d rgb(66,111,125)
```
#497a8a
```
#497a8a rgb(73,122,138)
```
#508697
```
#508697 rgb(80,134,151)
```
#5791a4
```
#5791a4 rgb(87,145,164)
```

Shade Color Variation

#629aac
```
#629aac rgb(98,154,172)
```
#6fa2b3
```
#6fa2b3 rgb(111,162,179)
```
#7cabba
```
#7cabba rgb(124,171,186)
```
#89b3c0
```
#89b3c0 rgb(137,179,192)
```
#96bbc7
```
#96bbc7 rgb(150,187,199)
```
#a2c3ce
```
#a2c3ce rgb(162,195,206)
```
#afccd5
```
#afccd5 rgb(175,204,213)
```
#bcd4dc
```
#bcd4dc rgb(188,212,220)
```
#c9dce2
```
#c9dce2 rgb(201,220,226)
```
#d6e4e9
```
#d6e4e9 rgb(214,228,233)
```
#e3edf0
```
#e3edf0 rgb(227,237,240)
```
#eff5f7
```
#eff5f7 rgb(239,245,247)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#424343
```
#424343 rgb(66,67,67)
```
#3d4548
```
#3d4548 rgb(61,69,72)
```
#38484d
```
#38484d rgb(56,72,77)
```
#334a52
```
#334a52 rgb(51,74,82)
```
#2e4d57
```
#2e4d57 rgb(46,77,87)
```
#29505c
```
#29505c rgb(41,80,92)
```
#245261
```
#245261 rgb(36,82,97)
```
#1f5566
```
#1f5566 rgb(31,85,102)
```
#1a576b
```
#1a576b rgb(26,87,107)
```
#145a71
```
#145a71 rgb(20,90,113)
```
#0f5d76
```
#0f5d76 rgb(15,93,118)
```
#0a5f7b
```
#0a5f7b rgb(10,95,123)
```
#056280
```
#056280 rgb(5,98,128)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#404749 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f515c Protanopia 1% of men
#515061 Deuteranopia 1% of men
#37565d Tritanopia 0.001% of the population

Trichromacy

#434f5a Protanomaly 1% of men, 0.01% of women
#444f5d Deuteranomaly 6% of men, 0.4% of women
#34535a Tritanomaly 0.01% of the population

#2e4d57 hex color

#2e4d57 Color Information

#2e4d57 Color Conversion

Color Schemes with #2e4d57

Alternatives to #2e4d57

#2e4d57 Preview

Shades and Tints of #2e4d57

Tones of #2e4d57

Color Blindness Simulator