#2e7c97 hex color

In a RGB color space, hex #2e7c97 is composed of 18% red, 48.6% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 69.5% cyan, 17.9% magenta, 0% yellow and 40.8% black. It has a hue angle of 195.4 degrees, a saturation of 53.3% and a lightness of 38.6%. #2e7c97 color hex could be obtained by blending #5cf8ff with #00002f. Closest websafe color is: #336699.

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

● #2e7c97 color description : Dark moderate blue.

The hexadecimal color #2e7c97 has RGB values of R:46, G:124, B:151 and CMYK values of C:0.7, M:0.18, Y:0, K:0.41. Its decimal value is 3046551.

Hex triplet	2e7c97	`#2e7c97`
RGB Decimal	46, 124, 151	`rgb(46,124,151)`
RGB Percent	18, 48.6, 59.2	`rgb(18%,48.6%,59.2%)`
CMYK	70, 18, 0, 41
HSL	195.4°, 53.3, 38.6	`hsl(195.4,53.3%,38.6%)`
HSV (or HSB)	195.4°, 69.5, 59.2
Web Safe	336699	`#336699`

CIE-LAB	48.548, -14.676, -21.5
XYZ	13.919, 17.229, 31.869
xyY	0.221, 0.273, 17.229
CIE-LCH	48.548, 26.032, 235.682
CIE-LUV	48.548, -29.369, -29.616
Hunter-Lab	41.508, -12.784, -16.465
Binary	00101110, 01111100, 10010111

#2e7c97
```
#2e7c97 rgb(46,124,151)
```
#97492e
```
#97492e rgb(151,73,46)
```

Complementary Color

#2e977e
```
#2e977e rgb(46,151,126)
```
#2e7c97
```
#2e7c97 rgb(46,124,151)
```
#2e4897
```
#2e4897 rgb(46,72,151)
```

Analogous Color

#977e2e
```
#977e2e rgb(151,126,46)
```
#2e7c97
```
#2e7c97 rgb(46,124,151)
```
#972e48
```
#972e48 rgb(151,46,72)
```

Split Complementary Color

#7c972e
```
#7c972e rgb(124,151,46)
```
#2e7c97
```
#2e7c97 rgb(46,124,151)
```
#972e7c
```
#972e7c rgb(151,46,124)
```

Triadic Color

#2e9749
```
#2e9749 rgb(46,151,73)
```
#2e7c97
```
#2e7c97 rgb(46,124,151)
```
#972e7c
```
#972e7c rgb(151,46,124)
```
#97492e
```
#97492e rgb(151,73,46)
```

Tetradic Color

#1c4c5c
```
#1c4c5c rgb(28,76,92)
```
#225c70
```
#225c70 rgb(34,92,112)
```
#286c83
```
#286c83 rgb(40,108,131)
```
#2e7c97
```
#2e7c97 rgb(46,124,151)
```
#348cab
```
#348cab rgb(52,140,171)
```
#3a9cbe
```
#3a9cbe rgb(58,156,190)
```
#4aa7c8
```
#4aa7c8 rgb(74,167,200)
```

Monochromatic Color

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

#2e9697
```
#2e9697 rgb(46,150,151)
```
#2e8e97
```
#2e8e97 rgb(46,142,151)
```
#2e8597
```
#2e8597 rgb(46,133,151)
```
#2e7c97
```
#2e7c97 rgb(46,124,151)
```
#2e7397
```
#2e7397 rgb(46,115,151)
```
#2e6b97
```
#2e6b97 rgb(46,107,151)
```
#2e6297
```
#2e6297 rgb(46,98,151)
```

Similar Colors

Text with hexadecimal color #2e7c97

This text has a font color of #2e7c97.

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

#2e7c97 background color

This paragraph has a background color of #2e7c97.

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

#2e7c97 border color

This element has a border color of #2e7c97.

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

CSS codes

.text {color:#2e7c97;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050d10
```
#050d10 rgb(5,13,16)
```
#09191f
```
#09191f rgb(9,25,31)
```
#0e262e
```
#0e262e rgb(14,38,46)
```
#13323d
```
#13323d rgb(19,50,61)
```
#173e4c
```
#173e4c rgb(23,62,76)
```
#1c4b5b
```
#1c4b5b rgb(28,75,91)
```
#20576a
```
#20576a rgb(32,87,106)
```
#256379
```
#256379 rgb(37,99,121)
```
#297088
```
#297088 rgb(41,112,136)
```
#2e7c97
```
#2e7c97 rgb(46,124,151)
```
#3388a6
```
#3388a6 rgb(51,136,166)
```
#3795b5
```
#3795b5 rgb(55,149,181)
```

Shade Color Variation

#3ca1c4
```
#3ca1c4 rgb(60,161,196)
```
#4ba8c8
```
#4ba8c8 rgb(75,168,200)
```
#5aafcd
```
#5aafcd rgb(90,175,205)
```
#69b7d1
```
#69b7d1 rgb(105,183,209)
```
#78bed6
```
#78bed6 rgb(120,190,214)
```
#87c5db
```
#87c5db rgb(135,197,219)
```
#96ccdf
```
#96ccdf rgb(150,204,223)
```
#a5d4e4
```
#a5d4e4 rgb(165,212,228)
```
#b4dbe8
```
#b4dbe8 rgb(180,219,232)
```
#c4e2ed
```
#c4e2ed rgb(196,226,237)
```
#d3eaf1
```
#d3eaf1 rgb(211,234,241)
```
#e2f1f6
```
#e2f1f6 rgb(226,241,246)
```
#f1f8fb
```
#f1f8fb rgb(241,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b666a is the less saturated color, while #0192c4 is the most saturated one.

#5b666a
```
#5b666a rgb(91,102,106)
```
#546a71
```
#546a71 rgb(84,106,113)
```
#4c6d79
```
#4c6d79 rgb(76,109,121)
```
#457180
```
#457180 rgb(69,113,128)
```
#3d7588
```
#3d7588 rgb(61,117,136)
```
#36788f
```
#36788f rgb(54,120,143)
```
#2e7c97
```
#2e7c97 rgb(46,124,151)
```
#26809f
```
#26809f rgb(38,128,159)
```
#1f83a6
```
#1f83a6 rgb(31,131,166)
```
#1787ae
```
#1787ae rgb(23,135,174)
```
#108bb5
```
#108bb5 rgb(16,139,181)
```
#088ebd
```
#088ebd rgb(8,142,189)
```
#0192c4
```
#0192c4 rgb(1,146,196)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#5c6c71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#737996 Protanopia 1% of men
#6f78a0 Deuteranopia 1% of men
#2e858f Tritanopia 0.001% of the population

Trichromacy

#597a96 Protanomaly 1% of men, 0.01% of women
#577a9c Deuteranomaly 6% of men, 0.4% of women
#2e8191 Tritanomaly 0.01% of the population

#2e7c97 hex color

#2e7c97 Color Information

#2e7c97 Color Conversion

Color Schemes with #2e7c97

Alternatives to #2e7c97

#2e7c97 Preview

Shades and Tints of #2e7c97

Tones of #2e7c97

Color Blindness Simulator