#2e717e hex color

In a RGB color space, hex #2e717e is composed of 18% red, 44.3% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 10.3% magenta, 0% yellow and 50.6% black. It has a hue angle of 189.8 degrees, a saturation of 46.5% and a lightness of 33.7%. #2e717e color hex could be obtained by blending #5ce2fc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 44
- B 49
RGB color chart
- C 63
- M 10
- Y 0
- K 51
CMYK color chart

● #2e717e color description : Dark moderate cyan.

The hexadecimal color #2e717e has RGB values of R:46, G:113, B:126 and CMYK values of C:0.63, M:0.1, Y:0, K:0.51. Its decimal value is 3043710.

Hex triplet	2e717e	`#2e717e`
RGB Decimal	46, 113, 126	`rgb(46,113,126)`
RGB Percent	18, 44.3, 49.4	`rgb(18%,44.3%,49.4%)`
CMYK	63, 10, 0, 51
HSL	189.8°, 46.5, 33.7	`hsl(189.8,46.5%,33.7%)`
HSV (or HSB)	189.8°, 63.5, 49.4
Web Safe	336666	`#336666`

CIE-LAB	44.084, -16.832, -13.5
XYZ	10.797, 13.897, 21.851
xyY	0.232, 0.299, 13.897
CIE-LCH	44.084, 21.577, 218.73
CIE-LUV	44.084, -26.477, -16.726
Hunter-Lab	37.278, -13.539, -8.659
Binary	00101110, 01110001, 01111110

#2e717e
```
#2e717e rgb(46,113,126)
```
#7e3b2e
```
#7e3b2e rgb(126,59,46)
```

Complementary Color

#2e7e63
```
#2e7e63 rgb(46,126,99)
```
#2e717e
```
#2e717e rgb(46,113,126)
```
#2e497e
```
#2e497e rgb(46,73,126)
```

Analogous Color

#7e632e
```
#7e632e rgb(126,99,46)
```
#2e717e
```
#2e717e rgb(46,113,126)
```
#7e2e49
```
#7e2e49 rgb(126,46,73)
```

Split Complementary Color

#717e2e
```
#717e2e rgb(113,126,46)
```
#2e717e
```
#2e717e rgb(46,113,126)
```
#7e2e71
```
#7e2e71 rgb(126,46,113)
```

Triadic Color

#2e7e3b
```
#2e7e3b rgb(46,126,59)
```
#2e717e
```
#2e717e rgb(46,113,126)
```
#7e2e71
```
#7e2e71 rgb(126,46,113)
```
#7e3b2e
```
#7e3b2e rgb(126,59,46)
```

Tetradic Color

#1a3f46
```
#1a3f46 rgb(26,63,70)
```
#204f59
```
#204f59 rgb(32,79,89)
```
#27606b
```
#27606b rgb(39,96,107)
```
#2e717e
```
#2e717e rgb(46,113,126)
```
#358291
```
#358291 rgb(53,130,145)
```
#3c93a3
```
#3c93a3 rgb(60,147,163)
```
#42a3b6
```
#42a3b6 rgb(66,163,182)
```

Monochromatic Color

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

#2e7e77
```
#2e7e77 rgb(46,126,119)
```
#2e7e7e
```
#2e7e7e rgb(46,126,126)
```
#2e787e
```
#2e787e rgb(46,120,126)
```
#2e717e
```
#2e717e rgb(46,113,126)
```
#2e6a7e
```
#2e6a7e rgb(46,106,126)
```
#2e647e
```
#2e647e rgb(46,100,126)
```
#2e5d7e
```
#2e5d7e rgb(46,93,126)
```

Similar Colors

Text with hexadecimal color #2e717e

This text has a font color of #2e717e.

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

#2e717e background color

This paragraph has a background color of #2e717e.

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

#2e717e border color

This element has a border color of #2e717e.

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

CSS codes

.text {color:#2e717e;}

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

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

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

#040a0b
```
#040a0b rgb(4,10,11)
```
#091719
```
#091719 rgb(9,23,25)
```
#0f2428
```
#0f2428 rgb(15,36,40)
```
#143136
```
#143136 rgb(20,49,54)
```
#193d45
```
#193d45 rgb(25,61,69)
```
#1e4a53
```
#1e4a53 rgb(30,74,83)
```
#245761
```
#245761 rgb(36,87,97)
```
#296470
```
#296470 rgb(41,100,112)
```
#2e717e
```
#2e717e rgb(46,113,126)
```
#337e8c
```
#337e8c rgb(51,126,140)
```
#388b9b
```
#388b9b rgb(56,139,155)
```
#3e98a9
```
#3e98a9 rgb(62,152,169)
```
#43a5b7
```
#43a5b7 rgb(67,165,183)
```

Shade Color Variation

#4fadbf
```
#4fadbf rgb(79,173,191)
```
#5eb3c4
```
#5eb3c4 rgb(94,179,196)
```
#6cbac9
```
#6cbac9 rgb(108,186,201)
```
#7ac1cf
```
#7ac1cf rgb(122,193,207)
```
#89c8d4
```
#89c8d4 rgb(137,200,212)
```
#97ced9
```
#97ced9 rgb(151,206,217)
```
#a5d5de
```
#a5d5de rgb(165,213,222)
```
#b4dce4
```
#b4dce4 rgb(180,220,228)
```
#c2e3e9
```
#c2e3e9 rgb(194,227,233)
```
#d1e9ee
```
#d1e9ee rgb(209,233,238)
```
#dff0f3
```
#dff0f3 rgb(223,240,243)
```
#edf7f9
```
#edf7f9 rgb(237,247,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#565656
```
#565656 rgb(86,86,86)
```
#4f5b5d
```
#4f5b5d rgb(79,91,93)
```
#485f64
```
#485f64 rgb(72,95,100)
```
#42646a
```
#42646a rgb(66,100,106)
```
#3b6871
```
#3b6871 rgb(59,104,113)
```
#356d77
```
#356d77 rgb(53,109,119)
```
#2e717e
```
#2e717e rgb(46,113,126)
```
#277585
```
#277585 rgb(39,117,133)
```
#217a8b
```
#217a8b rgb(33,122,139)
```
#1a7e92
```
#1a7e92 rgb(26,126,146)
```
#148398
```
#148398 rgb(20,131,152)
```
#0d879f
```
#0d879f rgb(13,135,159)
```
#068ca6
```
#068ca6 rgb(6,140,166)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#546264 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6f7f Protanopia 1% of men
#6d6d88 Deuteranopia 1% of men
#377881 Tritanopia 0.001% of the population

Trichromacy

#566f7e Protanomaly 1% of men, 0.01% of women
#566f84 Deuteranomaly 6% of men, 0.4% of women
#337680 Tritanomaly 0.01% of the population

#2e717e hex color

#2e717e Color Information

#2e717e Color Conversion

Color Schemes with #2e717e

Alternatives to #2e717e

#2e717e Preview

Shades and Tints of #2e717e

Tones of #2e717e

Color Blindness Simulator