#2e5a59 hex color

In a RGB color space, hex #2e5a59 is composed of 18% red, 35.3% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 48.9% cyan, 0% magenta, 1.1% yellow and 64.7% black. It has a hue angle of 178.6 degrees, a saturation of 32.4% and a lightness of 26.7%. #2e5a59 color hex could be obtained by blending #5cb4b2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 35
- B 35
RGB color chart
- C 49
- M 0
- Y 1
- K 65
CMYK color chart

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

The hexadecimal color #2e5a59 has RGB values of R:46, G:90, B:89 and CMYK values of C:0.49, M:0, Y:0.01, K:0.65. Its decimal value is 3037785.

Hex triplet	2e5a59	`#2e5a59`
RGB Decimal	46, 90, 89	`rgb(46,90,89)`
RGB Percent	18, 35.3, 34.9	`rgb(18%,35.3%,34.9%)`
CMYK	49, 0, 1, 65
HSL	178.6°, 32.4, 26.7	`hsl(178.6,32.4%,26.7%)`
HSV (or HSB)	178.6°, 48.9, 35.3
Web Safe	336666	`#336666`

CIE-LAB	35.23, -15.458, -4.156
XYZ	6.586, 8.614, 10.766
xyY	0.254, 0.332, 8.614
CIE-LCH	35.23, 16.007, 195.048
CIE-LUV	35.23, -18.837, -3.266
Hunter-Lab	29.35, -11.31, -1.204
Binary	00101110, 01011010, 01011001

#2e5a59
```
#2e5a59 rgb(46,90,89)
```
#5a2e2f
```
#5a2e2f rgb(90,46,47)
```

Complementary Color

#2e5a43
```
#2e5a43 rgb(46,90,67)
```
#2e5a59
```
#2e5a59 rgb(46,90,89)
```
#2e455a
```
#2e455a rgb(46,69,90)
```

Analogous Color

#5a432e
```
#5a432e rgb(90,67,46)
```
#2e5a59
```
#2e5a59 rgb(46,90,89)
```
#5a2e45
```
#5a2e45 rgb(90,46,69)
```

Split Complementary Color

#5a592e
```
#5a592e rgb(90,89,46)
```
#2e5a59
```
#2e5a59 rgb(46,90,89)
```
#592e5a
```
#592e5a rgb(89,46,90)
```

Triadic Color

#2f5a2e
```
#2f5a2e rgb(47,90,46)
```
#2e5a59
```
#2e5a59 rgb(46,90,89)
```
#592e5a
```
#592e5a rgb(89,46,90)
```
#5a2e2f
```
#5a2e2f rgb(90,46,47)
```

Tetradic Color

#142727
```
#142727 rgb(20,39,39)
```
#1d3838
```
#1d3838 rgb(29,56,56)
```
#254948
```
#254948 rgb(37,73,72)
```
#2e5a59
```
#2e5a59 rgb(46,90,89)
```
#376b6a
```
#376b6a rgb(55,107,106)
```
#3f7c7a
```
#3f7c7a rgb(63,124,122)
```
#488d8b
```
#488d8b rgb(72,141,139)
```

Monochromatic Color

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

#2e5a4e
```
#2e5a4e rgb(46,90,78)
```
#2e5a52
```
#2e5a52 rgb(46,90,82)
```
#2e5a55
```
#2e5a55 rgb(46,90,85)
```
#2e5a59
```
#2e5a59 rgb(46,90,89)
```
#2e575a
```
#2e575a rgb(46,87,90)
```
#2e545a
```
#2e545a rgb(46,84,90)
```
#2e505a
```
#2e505a rgb(46,80,90)
```

Similar Colors

Text with hexadecimal color #2e5a59

This text has a font color of #2e5a59.

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

#2e5a59 background color

This paragraph has a background color of #2e5a59.

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

#2e5a59 border color

This element has a border color of #2e5a59.

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

CSS codes

.text {color:#2e5a59;}

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

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

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

#060c0c
```
#060c0c rgb(6,12,12)
```
#0d1919
```
#0d1919 rgb(13,25,25)
```
#132626
```
#132626 rgb(19,38,38)
```
#1a3332
```
#1a3332 rgb(26,51,50)
```
#21403f
```
#21403f rgb(33,64,63)
```
#274d4c
```
#274d4c rgb(39,77,76)
```
#2e5a59
```
#2e5a59 rgb(46,90,89)
```
#356766
```
#356766 rgb(53,103,102)
```
#3b7473
```
#3b7473 rgb(59,116,115)
```
#428180
```
#428180 rgb(66,129,128)
```
#498e8c
```
#498e8c rgb(73,142,140)
```
#4f9b99
```
#4f9b99 rgb(79,155,153)
```
#56a8a6
```
#56a8a6 rgb(86,168,166)
```

Shade Color Variation

#62afad
```
#62afad rgb(98,175,173)
```
#6fb6b4
```
#6fb6b4 rgb(111,182,180)
```
#7cbcbb
```
#7cbcbb rgb(124,188,187)
```
#89c3c2
```
#89c3c2 rgb(137,195,194)
```
#96c9c8
```
#96c9c8 rgb(150,201,200)
```
#a3d0cf
```
#a3d0cf rgb(163,208,207)
```
#b0d7d6
```
#b0d7d6 rgb(176,215,214)
```
#bddddd
```
#bddddd rgb(189,221,221)
```
#cae4e3
```
#cae4e3 rgb(202,228,227)
```
#d7ebea
```
#d7ebea rgb(215,235,234)
```
#e4f1f1
```
#e4f1f1 rgb(228,241,241)
```
#f1f8f8
```
#f1f8f8 rgb(241,248,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#434545
```
#434545 rgb(67,69,69)
```
#3e4a4a
```
#3e4a4a rgb(62,74,74)
```
#38504f
```
#38504f rgb(56,80,79)
```
#335554
```
#335554 rgb(51,85,84)
```
#2e5a59
```
#2e5a59 rgb(46,90,89)
```
#295f5e
```
#295f5e rgb(41,95,94)
```
#246463
```
#246463 rgb(36,100,99)
```
#1e6a68
```
#1e6a68 rgb(30,106,104)
```
#196f6d
```
#196f6d rgb(25,111,109)
```
#147472
```
#147472 rgb(20,116,114)
```
#0f7977
```
#0f7977 rgb(15,121,119)
```
#097f7c
```
#097f7c rgb(9,127,124)
```
#048481
```
#048481 rgb(4,132,129)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#47504f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c5b5d Protanopia 1% of men
#5f5964 Deuteranopia 1% of men
#3b6168 Tritanopia 0.001% of the population

Trichromacy

#4b5a5b Protanomaly 1% of men, 0.01% of women
#4d5960 Deuteranomaly 6% of men, 0.4% of women
#365e62 Tritanomaly 0.01% of the population

#2e5a59 hex color

#2e5a59 Color Information

#2e5a59 Color Conversion

Color Schemes with #2e5a59

Alternatives to #2e5a59

#2e5a59 Preview

Shades and Tints of #2e5a59

Tones of #2e5a59

Color Blindness Simulator