#2e5a69 hex color

In a RGB color space, hex #2e5a69 is composed of 18% red, 35.3% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 56.2% cyan, 14.3% magenta, 0% yellow and 58.8% black. It has a hue angle of 195.3 degrees, a saturation of 39.1% and a lightness of 29.6%. #2e5a69 color hex could be obtained by blending #5cb4d2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 35
- B 41
RGB color chart
- C 56
- M 14
- Y 0
- K 59
CMYK color chart

● #2e5a69 color description : Very dark desaturated blue.

The hexadecimal color #2e5a69 has RGB values of R:46, G:90, B:105 and CMYK values of C:0.56, M:0.14, Y:0, K:0.59. Its decimal value is 3037801.

Hex triplet	2e5a69	`#2e5a69`
RGB Decimal	46, 90, 105	`rgb(46,90,105)`
RGB Percent	18, 35.3, 41.2	`rgb(18%,35.3%,41.2%)`
CMYK	56, 14, 0, 59
HSL	195.3°, 39.1, 29.6	`hsl(195.3,39.1%,29.6%)`
HSV (or HSB)	195.3°, 56.2, 41.2
Web Safe	336666	`#336666`

CIE-LAB	35.815, -10.497, -13.258
XYZ	7.332, 8.913, 14.698
xyY	0.237, 0.288, 8.913
CIE-LCH	35.815, 16.91, 231.63
CIE-LUV	35.815, -18.348, -16.304
Hunter-Lab	29.854, -8.406, -8.292
Binary	00101110, 01011010, 01101001

#2e5a69
```
#2e5a69 rgb(46,90,105)
```
#693d2e
```
#693d2e rgb(105,61,46)
```

Complementary Color

#2e695b
```
#2e695b rgb(46,105,91)
```
#2e5a69
```
#2e5a69 rgb(46,90,105)
```
#2e3d69
```
#2e3d69 rgb(46,61,105)
```

Analogous Color

#695b2e
```
#695b2e rgb(105,91,46)
```
#2e5a69
```
#2e5a69 rgb(46,90,105)
```
#692e3d
```
#692e3d rgb(105,46,61)
```

Split Complementary Color

#5a692e
```
#5a692e rgb(90,105,46)
```
#2e5a69
```
#2e5a69 rgb(46,90,105)
```
#692e5a
```
#692e5a rgb(105,46,90)
```

Triadic Color

#2e693d
```
#2e693d rgb(46,105,61)
```
#2e5a69
```
#2e5a69 rgb(46,90,105)
```
#692e5a
```
#692e5a rgb(105,46,90)
```
#693d2e
```
#693d2e rgb(105,61,46)
```

Tetradic Color

#172c34
```
#172c34 rgb(23,44,52)
```
#1e3c46
```
#1e3c46 rgb(30,60,70)
```
#264b57
```
#264b57 rgb(38,75,87)
```
#2e5a69
```
#2e5a69 rgb(46,90,105)
```
#36697b
```
#36697b rgb(54,105,123)
```
#3e788c
```
#3e788c rgb(62,120,140)
```
#45889e
```
#45889e rgb(69,136,158)
```

Monochromatic Color

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

#2e6969
```
#2e6969 rgb(46,105,105)
```
#2e6469
```
#2e6469 rgb(46,100,105)
```
#2e5f69
```
#2e5f69 rgb(46,95,105)
```
#2e5a69
```
#2e5a69 rgb(46,90,105)
```
#2e5569
```
#2e5569 rgb(46,85,105)
```
#2e5069
```
#2e5069 rgb(46,80,105)
```
#2e4b69
```
#2e4b69 rgb(46,75,105)
```

Similar Colors

Text with hexadecimal color #2e5a69

This text has a font color of #2e5a69.

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

#2e5a69 background color

This paragraph has a background color of #2e5a69.

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

#2e5a69 border color

This element has a border color of #2e5a69.

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

CSS codes

.text {color:#2e5a69;}

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

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

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

#04080a
```
#04080a rgb(4,8,10)
```
#0a1417
```
#0a1417 rgb(10,20,23)
```
#102025
```
#102025 rgb(16,32,37)
```
#162b32
```
#162b32 rgb(22,43,50)
```
#1c3740
```
#1c3740 rgb(28,55,64)
```
#22434e
```
#22434e rgb(34,67,78)
```
#284e5b
```
#284e5b rgb(40,78,91)
```
#2e5a69
```
#2e5a69 rgb(46,90,105)
```
#346677
```
#346677 rgb(52,102,119)
```
#3a7184
```
#3a7184 rgb(58,113,132)
```
#407d92
```
#407d92 rgb(64,125,146)
```
#4689a0
```
#4689a0 rgb(70,137,160)
```
#4c94ad
```
#4c94ad rgb(76,148,173)
```

Shade Color Variation

#579eb5
```
#579eb5 rgb(87,158,181)
```
#65a5bb
```
#65a5bb rgb(101,165,187)
```
#72adc1
```
#72adc1 rgb(114,173,193)
```
#80b5c7
```
#80b5c7 rgb(128,181,199)
```
#8ebdcd
```
#8ebdcd rgb(142,189,205)
```
#9bc5d3
```
#9bc5d3 rgb(155,197,211)
```
#a9cdd9
```
#a9cdd9 rgb(169,205,217)
```
#b7d5df
```
#b7d5df rgb(183,213,223)
```
#c4dde5
```
#c4dde5 rgb(196,221,229)
```
#d2e5eb
```
#d2e5eb rgb(210,229,235)
```
#e0edf1
```
#e0edf1 rgb(224,237,241)
```
#edf5f7
```
#edf5f7 rgb(237,245,247)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#4b4c4c
```
#4b4c4c rgb(75,76,76)
```
#454f52
```
#454f52 rgb(69,79,82)
```
#3f5158
```
#3f5158 rgb(63,81,88)
```
#3a545d
```
#3a545d rgb(58,84,93)
```
#345763
```
#345763 rgb(52,87,99)
```
#2e5a69
```
#2e5a69 rgb(46,90,105)
```
#285d6f
```
#285d6f rgb(40,93,111)
```
#226075
```
#226075 rgb(34,96,117)
```
#1d637a
```
#1d637a rgb(29,99,122)
```
#176580
```
#176580 rgb(23,101,128)
```
#116886
```
#116886 rgb(17,104,134)
```
#0b6b8c
```
#0b6b8c rgb(11,107,140)
```
#056e92
```
#056e92 rgb(5,110,146)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#485154 Atypical Achromatopsia 0.001% of the population

Dichromacy

#595c6c Protanopia 1% of men
#595b73 Deuteranopia 1% of men
#36636a Tritanopia 0.001% of the population

Trichromacy

#495b6b Protanomaly 1% of men, 0.01% of women
#495a6f Deuteranomaly 6% of men, 0.4% of women
#33606a Tritanomaly 0.01% of the population

#2e5a69 hex color

#2e5a69 Color Information

#2e5a69 Color Conversion

Color Schemes with #2e5a69

Alternatives to #2e5a69

#2e5a69 Preview

Shades and Tints of #2e5a69

Tones of #2e5a69

Color Blindness Simulator