#2e7a82 hex color

In a RGB color space, hex #2e7a82 is composed of 18% red, 47.8% green and 51% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 6.2% magenta, 0% yellow and 49% black. It has a hue angle of 185.7 degrees, a saturation of 47.7% and a lightness of 34.5%. #2e7a82 color hex could be obtained by blending #5cf4ff with #000005. Closest websafe color is: #336699.

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

● #2e7a82 color description : Dark moderate cyan.

The hexadecimal color #2e7a82 has RGB values of R:46, G:122, B:130 and CMYK values of C:0.65, M:0.06, Y:0, K:0.49. Its decimal value is 3046018.

Hex triplet	2e7a82	`#2e7a82`
RGB Decimal	46, 122, 130	`rgb(46,122,130)`
RGB Percent	18, 47.8, 51	`rgb(18%,47.8%,51%)`
CMYK	65, 6, 0, 49
HSL	185.7°, 47.7, 34.5	`hsl(185.7,47.7%,34.5%)`
HSV (or HSB)	185.7°, 64.6, 51
Web Safe	336699	`#336699`

CIE-LAB	47.119, -20.439, -11.293
XYZ	12.114, 16.111, 23.589
xyY	0.234, 0.311, 16.111
CIE-LCH	47.119, 23.351, 208.922
CIE-LUV	47.119, -29.727, -13.21
Hunter-Lab	40.138, -16.367, -6.748
Binary	00101110, 01111010, 10000010

#2e7a82
```
#2e7a82 rgb(46,122,130)
```
#82362e
```
#82362e rgb(130,54,46)
```

Complementary Color

#2e8260
```
#2e8260 rgb(46,130,96)
```
#2e7a82
```
#2e7a82 rgb(46,122,130)
```
#2e5082
```
#2e5082 rgb(46,80,130)
```

Analogous Color

#82602e
```
#82602e rgb(130,96,46)
```
#2e7a82
```
#2e7a82 rgb(46,122,130)
```
#822e50
```
#822e50 rgb(130,46,80)
```

Split Complementary Color

#7a822e
```
#7a822e rgb(122,130,46)
```
#2e7a82
```
#2e7a82 rgb(46,122,130)
```
#822e7a
```
#822e7a rgb(130,46,122)
```

Triadic Color

#2e8236
```
#2e8236 rgb(46,130,54)
```
#2e7a82
```
#2e7a82 rgb(46,122,130)
```
#822e7a
```
#822e7a rgb(130,46,122)
```
#82362e
```
#82362e rgb(130,54,46)
```

Tetradic Color

#1a4549
```
#1a4549 rgb(26,69,73)
```
#21575c
```
#21575c rgb(33,87,92)
```
#27686f
```
#27686f rgb(39,104,111)
```
#2e7a82
```
#2e7a82 rgb(46,122,130)
```
#358c95
```
#358c95 rgb(53,140,149)
```
#3b9da8
```
#3b9da8 rgb(59,157,168)
```
#42afbb
```
#42afbb rgb(66,175,187)
```

Monochromatic Color

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

#2e8275
```
#2e8275 rgb(46,130,117)
```
#2e827c
```
#2e827c rgb(46,130,124)
```
#2e8182
```
#2e8182 rgb(46,129,130)
```
#2e7a82
```
#2e7a82 rgb(46,122,130)
```
#2e7382
```
#2e7382 rgb(46,115,130)
```
#2e6c82
```
#2e6c82 rgb(46,108,130)
```
#2e6582
```
#2e6582 rgb(46,101,130)
```

Similar Colors

Text with hexadecimal color #2e7a82

This text has a font color of #2e7a82.

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

#2e7a82 background color

This paragraph has a background color of #2e7a82.

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

#2e7a82 border color

This element has a border color of #2e7a82.

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

CSS codes

.text {color:#2e7a82;}

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

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

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, #050d0e is the darkest color, while #ffffff is the lightest one.

#050d0e
```
#050d0e rgb(5,13,14)
```
#0a1b1d
```
#0a1b1d rgb(10,27,29)
```
#0f282b
```
#0f282b rgb(15,40,43)
```
#14363a
```
#14363a rgb(20,54,58)
```
#194448
```
#194448 rgb(25,68,72)
```
#1f5157
```
#1f5157 rgb(31,81,87)
```
#245f65
```
#245f65 rgb(36,95,101)
```
#296c74
```
#296c74 rgb(41,108,116)
```
#2e7a82
```
#2e7a82 rgb(46,122,130)
```
#338890
```
#338890 rgb(51,136,144)
```
#38959f
```
#38959f rgb(56,149,159)
```
#3da3ad
```
#3da3ad rgb(61,163,173)
```
#43b0bc
```
#43b0bc rgb(67,176,188)
```

Shade Color Variation

#51b7c1
```
#51b7c1 rgb(81,183,193)
```
#5fbdc6
```
#5fbdc6 rgb(95,189,198)
```
#6ec3cc
```
#6ec3cc rgb(110,195,204)
```
#7cc9d1
```
#7cc9d1 rgb(124,201,209)
```
#8bcfd6
```
#8bcfd6 rgb(139,207,214)
```
#99d5db
```
#99d5db rgb(153,213,219)
```
#a8dbe0
```
#a8dbe0 rgb(168,219,224)
```
#b6e1e5
```
#b6e1e5 rgb(182,225,229)
```
#c5e7ea
```
#c5e7ea rgb(197,231,234)
```
#d3edef
```
#d3edef rgb(211,237,239)
```
#e2f3f5
```
#e2f3f5 rgb(226,243,245)
```
#f0f9fa
```
#f0f9fa rgb(240,249,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#575959
```
#575959 rgb(87,89,89)
```
#505f60
```
#505f60 rgb(80,95,96)
```
#496467
```
#496467 rgb(73,100,103)
```
#426a6e
```
#426a6e rgb(66,106,110)
```
#3c6f74
```
#3c6f74 rgb(60,111,116)
```
#35757b
```
#35757b rgb(53,117,123)
```
#2e7a82
```
#2e7a82 rgb(46,122,130)
```
#277f89
```
#277f89 rgb(39,127,137)
```
#208590
```
#208590 rgb(32,133,144)
```
#1a8a96
```
#1a8a96 rgb(26,138,150)
```
#13909d
```
#13909d rgb(19,144,157)
```
#0c95a4
```
#0c95a4 rgb(12,149,164)
```
#059bab
```
#059bab rgb(5,155,171)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#59686a Atypical Achromatopsia 0.001% of the population

Dichromacy

#757682 Protanopia 1% of men
#76748d Deuteranopia 1% of men
#39808a Tritanopia 0.001% of the population

Trichromacy

#5b7782 Protanomaly 1% of men, 0.01% of women
#5c7689 Deuteranomaly 6% of men, 0.4% of women
#357e87 Tritanomaly 0.01% of the population

#2e7a82 hex color

#2e7a82 Color Information

#2e7a82 Color Conversion

Color Schemes with #2e7a82

Alternatives to #2e7a82

#2e7a82 Preview

Shades and Tints of #2e7a82

Tones of #2e7a82

Color Blindness Simulator