#2e7c98 hex color

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

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

● #2e7c98 color description : Dark moderate blue.

The hexadecimal color #2e7c98 has RGB values of R:46, G:124, B:152 and CMYK values of C:0.7, M:0.18, Y:0, K:0.4. Its decimal value is 3046552.

Hex triplet	2e7c98	`#2e7c98`
RGB Decimal	46, 124, 152	`rgb(46,124,152)`
RGB Percent	18, 48.6, 59.6	`rgb(18%,48.6%,59.6%)`
CMYK	70, 18, 0, 40
HSL	195.8°, 53.5, 38.8	`hsl(195.8,53.5%,38.8%)`
HSV (or HSB)	195.8°, 69.7, 59.6
Web Safe	336699	`#336699`

CIE-LAB	48.588, -14.338, -22.024
XYZ	14, 17.262, 32.298
xyY	0.22, 0.272, 17.262
CIE-LCH	48.588, 26.28, 236.935
CIE-LUV	48.588, -29.317, -30.478
Hunter-Lab	41.548, -12.559, -17.007
Binary	00101110, 01111100, 10011000

#2e7c98
```
#2e7c98 rgb(46,124,152)
```
#984a2e
```
#984a2e rgb(152,74,46)
```

Complementary Color

#2e987f
```
#2e987f rgb(46,152,127)
```
#2e7c98
```
#2e7c98 rgb(46,124,152)
```
#2e4798
```
#2e4798 rgb(46,71,152)
```

Analogous Color

#987f2e
```
#987f2e rgb(152,127,46)
```
#2e7c98
```
#2e7c98 rgb(46,124,152)
```
#982e47
```
#982e47 rgb(152,46,71)
```

Split Complementary Color

#7c982e
```
#7c982e rgb(124,152,46)
```
#2e7c98
```
#2e7c98 rgb(46,124,152)
```
#982e7c
```
#982e7c rgb(152,46,124)
```

Triadic Color

#2e984a
```
#2e984a rgb(46,152,74)
```
#2e7c98
```
#2e7c98 rgb(46,124,152)
```
#982e7c
```
#982e7c rgb(152,46,124)
```
#984a2e
```
#984a2e rgb(152,74,46)
```

Tetradic Color

#1c4c5d
```
#1c4c5d rgb(28,76,93)
```
#225c71
```
#225c71 rgb(34,92,113)
```
#286c84
```
#286c84 rgb(40,108,132)
```
#2e7c98
```
#2e7c98 rgb(46,124,152)
```
#348cac
```
#348cac rgb(52,140,172)
```
#3a9cbf
```
#3a9cbf rgb(58,156,191)
```
#4aa7c8
```
#4aa7c8 rgb(74,167,200)
```

Monochromatic Color

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

#2e9798
```
#2e9798 rgb(46,151,152)
```
#2e8e98
```
#2e8e98 rgb(46,142,152)
```
#2e8598
```
#2e8598 rgb(46,133,152)
```
#2e7c98
```
#2e7c98 rgb(46,124,152)
```
#2e7398
```
#2e7398 rgb(46,115,152)
```
#2e6a98
```
#2e6a98 rgb(46,106,152)
```
#2e6298
```
#2e6298 rgb(46,98,152)
```

Similar Colors

Text with hexadecimal color #2e7c98

This text has a font color of #2e7c98.

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

#2e7c98 background color

This paragraph has a background color of #2e7c98.

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

#2e7c98 border color

This element has a border color of #2e7c98.

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

CSS codes

.text {color:#2e7c98;}

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

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

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)
```
#173f4d
```
#173f4d rgb(23,63,77)
```
#1c4b5c
```
#1c4b5c rgb(28,75,92)
```
#20576b
```
#20576b rgb(32,87,107)
```
#25637a
```
#25637a rgb(37,99,122)
```
#297089
```
#297089 rgb(41,112,137)
```
#2e7c98
```
#2e7c98 rgb(46,124,152)
```
#3388a7
```
#3388a7 rgb(51,136,167)
```
#3795b6
```
#3795b6 rgb(55,149,182)
```

Shade Color Variation

#3da0c4
```
#3da0c4 rgb(61,160,196)
```
#4ca8c9
```
#4ca8c9 rgb(76,168,201)
```
#5bafcd
```
#5bafcd rgb(91,175,205)
```
#6ab6d2
```
#6ab6d2 rgb(106,182,210)
```
#79bed6
```
#79bed6 rgb(121,190,214)
```
#88c5db
```
#88c5db rgb(136,197,219)
```
#97cce0
```
#97cce0 rgb(151,204,224)
```
#a6d4e4
```
#a6d4e4 rgb(166,212,228)
```
#b5dbe9
```
#b5dbe9 rgb(181,219,233)
```
#c4e2ed
```
#c4e2ed rgb(196,226,237)
```
#d3eaf2
```
#d3eaf2 rgb(211,234,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 #0092c6 is the most saturated one.

#5c666a
```
#5c666a rgb(92,102,106)
```
#546a72
```
#546a72 rgb(84,106,114)
```
#4c6e7a
```
#4c6e7a rgb(76,110,122)
```
#457181
```
#457181 rgb(69,113,129)
```
#3d7589
```
#3d7589 rgb(61,117,137)
```
#367890
```
#367890 rgb(54,120,144)
```
#2e7c98
```
#2e7c98 rgb(46,124,152)
```
#2680a0
```
#2680a0 rgb(38,128,160)
```
#1f83a7
```
#1f83a7 rgb(31,131,167)
```
#1787af
```
#1787af rgb(23,135,175)
```
#108ab6
```
#108ab6 rgb(16,138,182)
```
#088ebe
```
#088ebe rgb(8,142,190)
```
#0092c6
```
#0092c6 rgb(0,146,198)
```

Tone Color Variation

Below, you can see how #2e7c98 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
#5c6c72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#727997 Protanopia 1% of men
#6e79a1 Deuteranopia 1% of men
#2d858f Tritanopia 0.001% of the population

Trichromacy

#597a97 Protanomaly 1% of men, 0.01% of women
#577a9d Deuteranomaly 6% of men, 0.4% of women
#2d8292 Tritanomaly 0.01% of the population

#2e7c98 hex color

#2e7c98 Color Information

#2e7c98 Color Conversion

Color Schemes with #2e7c98

Alternatives to #2e7c98

#2e7c98 Preview

Shades and Tints of #2e7c98

Tones of #2e7c98

Color Blindness Simulator