#2e5a5d hex color

In a RGB color space, hex #2e5a5d is composed of 18% red, 35.3% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 50.5% cyan, 3.2% magenta, 0% yellow and 63.5% black. It has a hue angle of 183.8 degrees, a saturation of 33.8% and a lightness of 27.3%. #2e5a5d color hex could be obtained by blending #5cb4ba with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 35
- B 36
RGB color chart
- C 51
- M 3
- Y 0
- K 64
CMYK color chart

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

The hexadecimal color #2e5a5d has RGB values of R:46, G:90, B:93 and CMYK values of C:0.51, M:0.03, Y:0, K:0.64. Its decimal value is 3037789.

Hex triplet	2e5a5d	`#2e5a5d`
RGB Decimal	46, 90, 93	`rgb(46,90,93)`
RGB Percent	18, 35.3, 36.5	`rgb(18%,35.3%,36.5%)`
CMYK	51, 3, 0, 64
HSL	183.8°, 33.8, 27.3	`hsl(183.8,33.8%,27.3%)`
HSV (or HSB)	183.8°, 50.5, 36.5
Web Safe	336666	`#336666`

CIE-LAB	35.367, -14.268, -6.453
XYZ	6.758, 8.683, 11.675
xyY	0.249, 0.32, 8.683
CIE-LCH	35.367, 15.659, 204.336
CIE-LUV	35.367, -18.713, -6.468
Hunter-Lab	29.467, -10.629, -2.865
Binary	00101110, 01011010, 01011101

#2e5a5d
```
#2e5a5d rgb(46,90,93)
```
#5d312e
```
#5d312e rgb(93,49,46)
```

Complementary Color

#2e5d49
```
#2e5d49 rgb(46,93,73)
```
#2e5a5d
```
#2e5a5d rgb(46,90,93)
```
#2e435d
```
#2e435d rgb(46,67,93)
```

Analogous Color

#5d492e
```
#5d492e rgb(93,73,46)
```
#2e5a5d
```
#2e5a5d rgb(46,90,93)
```
#5d2e43
```
#5d2e43 rgb(93,46,67)
```

Split Complementary Color

#5a5d2e
```
#5a5d2e rgb(90,93,46)
```
#2e5a5d
```
#2e5a5d rgb(46,90,93)
```
#5d2e5a
```
#5d2e5a rgb(93,46,90)
```

Triadic Color

#2e5d31
```
#2e5d31 rgb(46,93,49)
```
#2e5a5d
```
#2e5a5d rgb(46,90,93)
```
#5d2e5a
```
#5d2e5a rgb(93,46,90)
```
#5d312e
```
#5d312e rgb(93,49,46)
```

Tetradic Color

#15282a
```
#15282a rgb(21,40,42)
```
#1d393b
```
#1d393b rgb(29,57,59)
```
#26494c
```
#26494c rgb(38,73,76)
```
#2e5a5d
```
#2e5a5d rgb(46,90,93)
```
#366b6e
```
#366b6e rgb(54,107,110)
```
#3f7b7f
```
#3f7b7f rgb(63,123,127)
```
#478c90
```
#478c90 rgb(71,140,144)
```

Monochromatic Color

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

#2e5d54
```
#2e5d54 rgb(46,93,84)
```
#2e5d58
```
#2e5d58 rgb(46,93,88)
```
#2e5d5c
```
#2e5d5c rgb(46,93,92)
```
#2e5a5d
```
#2e5a5d rgb(46,90,93)
```
#2e565d
```
#2e565d rgb(46,86,93)
```
#2e525d
```
#2e525d rgb(46,82,93)
```
#2e4e5d
```
#2e4e5d rgb(46,78,93)
```

Similar Colors

Text with hexadecimal color #2e5a5d

This text has a font color of #2e5a5d.

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

#2e5a5d background color

This paragraph has a background color of #2e5a5d.

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

#2e5a5d border color

This element has a border color of #2e5a5d.

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

CSS codes

.text {color:#2e5a5d;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#070e0e
```
#070e0e rgb(7,14,14)
```
#0e1a1b
```
#0e1a1b rgb(14,26,27)
```
#142729
```
#142729 rgb(20,39,41)
```
#1b3436
```
#1b3436 rgb(27,52,54)
```
#214143
```
#214143 rgb(33,65,67)
```
#284d50
```
#284d50 rgb(40,77,80)
```
#2e5a5d
```
#2e5a5d rgb(46,90,93)
```
#34676a
```
#34676a rgb(52,103,106)
```
#3b7377
```
#3b7377 rgb(59,115,119)
```
#418084
```
#418084 rgb(65,128,132)
```
#488d91
```
#488d91 rgb(72,141,145)
```
#4e9a9f
```
#4e9a9f rgb(78,154,159)
```

Shade Color Variation

#56a6ab
```
#56a6ab rgb(86,166,171)
```
#63adb2
```
#63adb2 rgb(99,173,178)
```
#70b4b8
```
#70b4b8 rgb(112,180,184)
```
#7dbabf
```
#7dbabf rgb(125,186,191)
```
#8ac1c5
```
#8ac1c5 rgb(138,193,197)
```
#97c8cc
```
#97c8cc rgb(151,200,204)
```
#a4cfd2
```
#a4cfd2 rgb(164,207,210)
```
#b1d6d9
```
#b1d6d9 rgb(177,214,217)
```
#bfdddf
```
#bfdddf rgb(191,221,223)
```
#cce4e6
```
#cce4e6 rgb(204,228,230)
```
#d9ebec
```
#d9ebec rgb(217,235,236)
```
#e6f2f3
```
#e6f2f3 rgb(230,242,243)
```
#f3f9f9
```
#f3f9f9 rgb(243,249,249)
```

Tint Color Variation

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

#434748
```
#434748 rgb(67,71,72)
```
#3e4c4d
```
#3e4c4d rgb(62,76,77)
```
#395152
```
#395152 rgb(57,81,82)
```
#335558
```
#335558 rgb(51,85,88)
```
#2e5a5d
```
#2e5a5d rgb(46,90,93)
```
#295f62
```
#295f62 rgb(41,95,98)
```
#236368
```
#236368 rgb(35,99,104)
```
#1e686d
```
#1e686d rgb(30,104,109)
```
#196d72
```
#196d72 rgb(25,109,114)
```
#137178
```
#137178 rgb(19,113,120)
```
#0e767d
```
#0e767d rgb(14,118,125)
```
#097b82
```
#097b82 rgb(9,123,130)
```
#037f88
```
#037f88 rgb(3,127,136)
```

Tone Color Variation

Below, you can see how #2e5a5d 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
#475050 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c5b61 Protanopia 1% of men
#5e5968 Deuteranopia 1% of men
#3a6169 Tritanopia 0.001% of the population

Trichromacy

#4b5b5f Protanomaly 1% of men, 0.01% of women
#4c5964 Deuteranomaly 6% of men, 0.4% of women
#355f64 Tritanomaly 0.01% of the population

#2e5a5d hex color

#2e5a5d Color Information

#2e5a5d Color Conversion

Color Schemes with #2e5a5d

Alternatives to #2e5a5d

#2e5a5d Preview

Shades and Tints of #2e5a5d

Tones of #2e5a5d

Color Blindness Simulator