#2e7997 hex color

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

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

● #2e7997 color description : Dark moderate blue.

The hexadecimal color #2e7997 has RGB values of R:46, G:121, B:151 and CMYK values of C:0.7, M:0.2, Y:0, K:0.41. Its decimal value is 3045783.

Hex triplet	2e7997	`#2e7997`
RGB Decimal	46, 121, 151	`rgb(46,121,151)`
RGB Percent	18, 47.5, 59.2	`rgb(18%,47.5%,59.2%)`
CMYK	70, 20, 0, 41
HSL	197.1°, 53.3, 38.6	`hsl(197.1,53.3%,38.6%)`
HSV (or HSB)	197.1°, 69.5, 59.2
Web Safe	336699	`#336699`

CIE-LAB	47.609, -12.99, -22.946
XYZ	13.549, 16.489, 31.745
xyY	0.219, 0.267, 16.489
CIE-LCH	47.609, 26.368, 240.487
CIE-LUV	47.609, -28.259, -31.949
Hunter-Lab	40.606, -11.504, -17.927
Binary	00101110, 01111001, 10010111

#2e7997
```
#2e7997 rgb(46,121,151)
```
#974c2e
```
#974c2e rgb(151,76,46)
```

Complementary Color

#2e9781
```
#2e9781 rgb(46,151,129)
```
#2e7997
```
#2e7997 rgb(46,121,151)
```
#2e4497
```
#2e4497 rgb(46,68,151)
```

Analogous Color

#97812e
```
#97812e rgb(151,129,46)
```
#2e7997
```
#2e7997 rgb(46,121,151)
```
#972e45
```
#972e45 rgb(151,46,69)
```

Split Complementary Color

#79972e
```
#79972e rgb(121,151,46)
```
#2e7997
```
#2e7997 rgb(46,121,151)
```
#972e79
```
#972e79 rgb(151,46,121)
```

Triadic Color

#2e974c
```
#2e974c rgb(46,151,76)
```
#2e7997
```
#2e7997 rgb(46,121,151)
```
#972e79
```
#972e79 rgb(151,46,121)
```
#974c2e
```
#974c2e rgb(151,76,46)
```

Tetradic Color

#1c4a5c
```
#1c4a5c rgb(28,74,92)
```
#225a70
```
#225a70 rgb(34,90,112)
```
#286983
```
#286983 rgb(40,105,131)
```
#2e7997
```
#2e7997 rgb(46,121,151)
```
#3489ab
```
#3489ab rgb(52,137,171)
```
#3a98be
```
#3a98be rgb(58,152,190)
```
#4aa4c8
```
#4aa4c8 rgb(74,164,200)
```

Monochromatic Color

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

#2e9397
```
#2e9397 rgb(46,147,151)
```
#2e8b97
```
#2e8b97 rgb(46,139,151)
```
#2e8297
```
#2e8297 rgb(46,130,151)
```
#2e7997
```
#2e7997 rgb(46,121,151)
```
#2e7097
```
#2e7097 rgb(46,112,151)
```
#2e6897
```
#2e6897 rgb(46,104,151)
```
#2e5f97
```
#2e5f97 rgb(46,95,151)
```

Similar Colors

Text with hexadecimal color #2e7997

This text has a font color of #2e7997.

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

#2e7997 background color

This paragraph has a background color of #2e7997.

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

#2e7997 border color

This element has a border color of #2e7997.

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

CSS codes

.text {color:#2e7997;}

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

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

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)
```
#0e252e
```
#0e252e rgb(14,37,46)
```
#13313d
```
#13313d rgb(19,49,61)
```
#173d4c
```
#173d4c rgb(23,61,76)
```
#1c495b
```
#1c495b rgb(28,73,91)
```
#20556a
```
#20556a rgb(32,85,106)
```
#256179
```
#256179 rgb(37,97,121)
```
#296d88
```
#296d88 rgb(41,109,136)
```
#2e7997
```
#2e7997 rgb(46,121,151)
```
#3385a6
```
#3385a6 rgb(51,133,166)
```
#3791b5
```
#3791b5 rgb(55,145,181)
```

Shade Color Variation

#3c9dc4
```
#3c9dc4 rgb(60,157,196)
```
#4ba5c8
```
#4ba5c8 rgb(75,165,200)
```
#5aaccd
```
#5aaccd rgb(90,172,205)
```
#69b4d1
```
#69b4d1 rgb(105,180,209)
```
#78bbd6
```
#78bbd6 rgb(120,187,214)
```
#87c3db
```
#87c3db rgb(135,195,219)
```
#96cadf
```
#96cadf rgb(150,202,223)
```
#a5d2e4
```
#a5d2e4 rgb(165,210,228)
```
#b4d9e8
```
#b4d9e8 rgb(180,217,232)
```
#c4e1ed
```
#c4e1ed rgb(196,225,237)
```
#d3e9f1
```
#d3e9f1 rgb(211,233,241)
```
#e2f0f6
```
#e2f0f6 rgb(226,240,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 #018cc4 is the most saturated one.

#5b666a
```
#5b666a rgb(91,102,106)
```
#546971
```
#546971 rgb(84,105,113)
```
#4c6c79
```
#4c6c79 rgb(76,108,121)
```
#456f80
```
#456f80 rgb(69,111,128)
```
#3d7388
```
#3d7388 rgb(61,115,136)
```
#36768f
```
#36768f rgb(54,118,143)
```
#2e7997
```
#2e7997 rgb(46,121,151)
```
#267c9f
```
#267c9f rgb(38,124,159)
```
#1f7fa6
```
#1f7fa6 rgb(31,127,166)
```
#1783ae
```
#1783ae rgb(23,131,174)
```
#1086b5
```
#1086b5 rgb(16,134,181)
```
#0889bd
```
#0889bd rgb(8,137,189)
```
#018cc4
```
#018cc4 rgb(1,140,196)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#5b6a70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f7796 Protanopia 1% of men
#6b769f Deuteranopia 1% of men
#2c828c Tritanopia 0.001% of the population

Trichromacy

#577796 Protanomaly 1% of men, 0.01% of women
#55779c Deuteranomaly 6% of men, 0.4% of women
#2c7f90 Tritanomaly 0.01% of the population

#2e7997 hex color

#2e7997 Color Information

#2e7997 Color Conversion

Color Schemes with #2e7997

Alternatives to #2e7997

#2e7997 Preview

Shades and Tints of #2e7997

Tones of #2e7997

Color Blindness Simulator