#2e7b98 hex color

In a RGB color space, hex #2e7b98 is composed of 18% red, 48.2% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 69.7% cyan, 19.1% magenta, 0% yellow and 40.4% black. It has a hue angle of 196.4 degrees, a saturation of 53.5% and a lightness of 38.8%. #2e7b98 color hex could be obtained by blending #5cf6ff with #000031. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 48
- B 60
RGB color chart
- C 70
- M 19
- Y 0
- K 40
CMYK color chart

● #2e7b98 color description : Dark moderate blue.

The hexadecimal color #2e7b98 has RGB values of R:46, G:123, B:152 and CMYK values of C:0.7, M:0.19, Y:0, K:0.4. Its decimal value is 3046296.

Hex triplet	2e7b98	`#2e7b98`
RGB Decimal	46, 123, 152	`rgb(46,123,152)`
RGB Percent	18, 48.2, 59.6	`rgb(18%,48.2%,59.6%)`
CMYK	70, 19, 0, 40
HSL	196.4°, 53.5, 38.8	`hsl(196.4,53.5%,38.8%)`
HSV (or HSB)	196.4°, 69.7, 59.6
Web Safe	336699	`#336699`

CIE-LAB	48.276, -13.777, -22.506
XYZ	13.876, 17.013, 32.257
xyY	0.22, 0.269, 17.013
CIE-LCH	48.276, 26.388, 238.527
CIE-LUV	48.276, -28.947, -31.256
Hunter-Lab	41.246, -12.132, -17.495
Binary	00101110, 01111011, 10011000

#2e7b98
```
#2e7b98 rgb(46,123,152)
```
#984b2e
```
#984b2e rgb(152,75,46)
```

Complementary Color

#2e9880
```
#2e9880 rgb(46,152,128)
```
#2e7b98
```
#2e7b98 rgb(46,123,152)
```
#2e4698
```
#2e4698 rgb(46,70,152)
```

Analogous Color

#98802e
```
#98802e rgb(152,128,46)
```
#2e7b98
```
#2e7b98 rgb(46,123,152)
```
#982e46
```
#982e46 rgb(152,46,70)
```

Split Complementary Color

#7b982e
```
#7b982e rgb(123,152,46)
```
#2e7b98
```
#2e7b98 rgb(46,123,152)
```
#982e7b
```
#982e7b rgb(152,46,123)
```

Triadic Color

#2e984b
```
#2e984b rgb(46,152,75)
```
#2e7b98
```
#2e7b98 rgb(46,123,152)
```
#982e7b
```
#982e7b rgb(152,46,123)
```
#984b2e
```
#984b2e rgb(152,75,46)
```

Tetradic Color

#1c4b5d
```
#1c4b5d rgb(28,75,93)
```
#225b71
```
#225b71 rgb(34,91,113)
```
#286b84
```
#286b84 rgb(40,107,132)
```
#2e7b98
```
#2e7b98 rgb(46,123,152)
```
#348bac
```
#348bac rgb(52,139,172)
```
#3a9bbf
```
#3a9bbf rgb(58,155,191)
```
#4aa6c8
```
#4aa6c8 rgb(74,166,200)
```

Monochromatic Color

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

#2e9698
```
#2e9698 rgb(46,150,152)
```
#2e8d98
```
#2e8d98 rgb(46,141,152)
```
#2e8498
```
#2e8498 rgb(46,132,152)
```
#2e7b98
```
#2e7b98 rgb(46,123,152)
```
#2e7298
```
#2e7298 rgb(46,114,152)
```
#2e6998
```
#2e6998 rgb(46,105,152)
```
#2e6198
```
#2e6198 rgb(46,97,152)
```

Similar Colors

Text with hexadecimal color #2e7b98

This text has a font color of #2e7b98.

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

#2e7b98 background color

This paragraph has a background color of #2e7b98.

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

#2e7b98 border color

This element has a border color of #2e7b98.

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

CSS codes

.text {color:#2e7b98;}

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

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

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)
```
#0a1a20
```
#0a1a20 rgb(10,26,32)
```
#0e262f
```
#0e262f rgb(14,38,47)
```
#13323e
```
#13323e rgb(19,50,62)
```
#173e4d
```
#173e4d rgb(23,62,77)
```
#1c4a5c
```
#1c4a5c rgb(28,74,92)
```
#20566b
```
#20566b rgb(32,86,107)
```
#25637a
```
#25637a rgb(37,99,122)
```
#296f89
```
#296f89 rgb(41,111,137)
```
#2e7b98
```
#2e7b98 rgb(46,123,152)
```
#3387a7
```
#3387a7 rgb(51,135,167)
```
#3793b6
```
#3793b6 rgb(55,147,182)
```

Shade Color Variation

#3d9fc4
```
#3d9fc4 rgb(61,159,196)
```
#4ca7c9
```
#4ca7c9 rgb(76,167,201)
```
#5baecd
```
#5baecd rgb(91,174,205)
```
#6ab5d2
```
#6ab5d2 rgb(106,181,210)
```
#79bdd6
```
#79bdd6 rgb(121,189,214)
```
#88c4db
```
#88c4db rgb(136,196,219)
```
#97cce0
```
#97cce0 rgb(151,204,224)
```
#a6d3e4
```
#a6d3e4 rgb(166,211,228)
```
#b5dbe9
```
#b5dbe9 rgb(181,219,233)
```
#c4e2ed
```
#c4e2ed rgb(196,226,237)
```
#d3e9f2
```
#d3e9f2 rgb(211,233,242)
```
#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, #5c666a is the less saturated color, while #0090c6 is the most saturated one.

#5c666a
```
#5c666a rgb(92,102,106)
```
#546a72
```
#546a72 rgb(84,106,114)
```
#4c6d7a
```
#4c6d7a rgb(76,109,122)
```
#457181
```
#457181 rgb(69,113,129)
```
#3d7489
```
#3d7489 rgb(61,116,137)
```
#367890
```
#367890 rgb(54,120,144)
```
#2e7b98
```
#2e7b98 rgb(46,123,152)
```
#267ea0
```
#267ea0 rgb(38,126,160)
```
#1f82a7
```
#1f82a7 rgb(31,130,167)
```
#1785af
```
#1785af rgb(23,133,175)
```
#1089b6
```
#1089b6 rgb(16,137,182)
```
#088cbe
```
#088cbe rgb(8,140,190)
```
#0090c6
```
#0090c6 rgb(0,144,198)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5c6b71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#717897 Protanopia 1% of men
#6d78a1 Deuteranopia 1% of men
#2c848e Tritanopia 0.001% of the population

Trichromacy

#597997 Protanomaly 1% of men, 0.01% of women
#56799d Deuteranomaly 6% of men, 0.4% of women
#2d8191 Tritanomaly 0.01% of the population

#2e7b98 hex color

#2e7b98 Color Information

#2e7b98 Color Conversion

Color Schemes with #2e7b98

Alternatives to #2e7b98

#2e7b98 Preview

Shades and Tints of #2e7b98

Tones of #2e7b98

Color Blindness Simulator