#2e5e76 hex color

In a RGB color space, hex #2e5e76 is composed of 18% red, 36.9% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 61% cyan, 20.3% magenta, 0% yellow and 53.7% black. It has a hue angle of 200 degrees, a saturation of 43.9% and a lightness of 32.2%. #2e5e76 color hex could be obtained by blending #5cbcec with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 37
- B 46
RGB color chart
- C 61
- M 20
- Y 0
- K 54
CMYK color chart

● #2e5e76 color description : Dark moderate blue.

The hexadecimal color #2e5e76 has RGB values of R:46, G:94, B:118 and CMYK values of C:0.61, M:0.2, Y:0, K:0.54. Its decimal value is 3038838.

Hex triplet	2e5e76	`#2e5e76`
RGB Decimal	46, 94, 118	`rgb(46,94,118)`
RGB Percent	18, 36.9, 46.3	`rgb(18%,36.9%,46.3%)`
CMYK	61, 20, 0, 54
HSL	200°, 43.9, 32.2	`hsl(200,43.9%,32.2%)`
HSV (or HSB)	200°, 61, 46.3
Web Safe	336666	`#336666`

CIE-LAB	37.651, -8.551, -18.482
XYZ	8.399, 9.894, 18.606
xyY	0.228, 0.268, 9.894
CIE-LCH	37.651, 20.364, 245.172
CIE-LUV	37.651, -19.499, -24.252
Hunter-Lab	31.454, -7.383, -13.053
Binary	00101110, 01011110, 01110110

#2e5e76
```
#2e5e76 rgb(46,94,118)
```
#76462e
```
#76462e rgb(118,70,46)
```

Complementary Color

#2e766a
```
#2e766a rgb(46,118,106)
```
#2e5e76
```
#2e5e76 rgb(46,94,118)
```
#2e3a76
```
#2e3a76 rgb(46,58,118)
```

Analogous Color

#766a2e
```
#766a2e rgb(118,106,46)
```
#2e5e76
```
#2e5e76 rgb(46,94,118)
```
#762e3a
```
#762e3a rgb(118,46,58)
```

Split Complementary Color

#5e762e
```
#5e762e rgb(94,118,46)
```
#2e5e76
```
#2e5e76 rgb(46,94,118)
```
#762e5e
```
#762e5e rgb(118,46,94)
```

Triadic Color

#2e7646
```
#2e7646 rgb(46,118,70)
```
#2e5e76
```
#2e5e76 rgb(46,94,118)
```
#762e5e
```
#762e5e rgb(118,46,94)
```
#76462e
```
#76462e rgb(118,70,46)
```

Tetradic Color

#19323f
```
#19323f rgb(25,50,63)
```
#204151
```
#204151 rgb(32,65,81)
```
#274f64
```
#274f64 rgb(39,79,100)
```
#2e5e76
```
#2e5e76 rgb(46,94,118)
```
#356d88
```
#356d88 rgb(53,109,136)
```
#3c7b9b
```
#3c7b9b rgb(60,123,155)
```
#438aad
```
#438aad rgb(67,138,173)
```

Monochromatic Color

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

#2e7076
```
#2e7076 rgb(46,112,118)
```
#2e6a76
```
#2e6a76 rgb(46,106,118)
```
#2e6476
```
#2e6476 rgb(46,100,118)
```
#2e5e76
```
#2e5e76 rgb(46,94,118)
```
#2e5876
```
#2e5876 rgb(46,88,118)
```
#2e5276
```
#2e5276 rgb(46,82,118)
```
#2e4c76
```
#2e4c76 rgb(46,76,118)
```

Similar Colors

Text with hexadecimal color #2e5e76

This text has a font color of #2e5e76.

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

#2e5e76 background color

This paragraph has a background color of #2e5e76.

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

#2e5e76 border color

This element has a border color of #2e5e76.

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

CSS codes

.text {color:#2e5e76;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#070f13
```
#070f13 rgb(7,15,19)
```
#0d1b21
```
#0d1b21 rgb(13,27,33)
```
#12262f
```
#12262f rgb(18,38,47)
```
#18313e
```
#18313e rgb(24,49,62)
```
#1d3c4c
```
#1d3c4c rgb(29,60,76)
```
#23485a
```
#23485a rgb(35,72,90)
```
#285368
```
#285368 rgb(40,83,104)
```
#2e5e76
```
#2e5e76 rgb(46,94,118)
```
#346984
```
#346984 rgb(52,105,132)
```
#397492
```
#397492 rgb(57,116,146)
```
#3f80a0
```
#3f80a0 rgb(63,128,160)
```
#448bae
```
#448bae rgb(68,139,174)
```

Shade Color Variation

#4d95b9
```
#4d95b9 rgb(77,149,185)
```
#5b9ebf
```
#5b9ebf rgb(91,158,191)
```
#69a6c4
```
#69a6c4 rgb(105,166,196)
```
#77aeca
```
#77aeca rgb(119,174,202)
```
#85b7cf
```
#85b7cf rgb(133,183,207)
```
#93bfd5
```
#93bfd5 rgb(147,191,213)
```
#a1c7da
```
#a1c7da rgb(161,199,218)
```
#afd0e0
```
#afd0e0 rgb(175,208,224)
```
#bed8e5
```
#bed8e5 rgb(190,216,229)
```
#cce1eb
```
#cce1eb rgb(204,225,235)
```
#dae9f0
```
#dae9f0 rgb(218,233,240)
```
#e8f1f6
```
#e8f1f6 rgb(232,241,246)
```
#f6fafb
```
#f6fafb rgb(246,250,251)
```

Tint Color Variation

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

#4e5356
```
#4e5356 rgb(78,83,86)
```
#47565d
```
#47565d rgb(71,86,93)
```
#415863
```
#415863 rgb(65,88,99)
```
#3b5a69
```
#3b5a69 rgb(59,90,105)
```
#345c70
```
#345c70 rgb(52,92,112)
```
#2e5e76
```
#2e5e76 rgb(46,94,118)
```
#28607c
```
#28607c rgb(40,96,124)
```
#216283
```
#216283 rgb(33,98,131)
```
#1b6489
```
#1b6489 rgb(27,100,137)
```
#15668f
```
#15668f rgb(21,102,143)
```
#0e6996
```
#0e6996 rgb(14,105,150)
```
#086b9c
```
#086b9c rgb(8,107,156)
```
#026da2
```
#026da2 rgb(2,109,162)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4b5459 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a6079 Protanopia 1% of men
#58607f Deuteranopia 1% of men
#326870 Tritanopia 0.001% of the population

Trichromacy

#4a5f78 Protanomaly 1% of men, 0.01% of women
#485f7c Deuteranomaly 6% of men, 0.4% of women
#306472 Tritanomaly 0.01% of the population

#2e5e76 hex color

#2e5e76 Color Information

#2e5e76 Color Conversion

Color Schemes with #2e5e76

Alternatives to #2e5e76

#2e5e76 Preview

Shades and Tints of #2e5e76

Tones of #2e5e76

Color Blindness Simulator