#2e6c93 hex color

In a RGB color space, hex #2e6c93 is composed of 18% red, 42.4% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 68.7% cyan, 26.5% magenta, 0% yellow and 42.4% black. It has a hue angle of 203.2 degrees, a saturation of 52.3% and a lightness of 37.8%. #2e6c93 color hex could be obtained by blending #5cd8ff with #000027. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 42
- B 58
RGB color chart
- C 69
- M 27
- Y 0
- K 42
CMYK color chart

● #2e6c93 color description : Dark moderate blue.

The hexadecimal color #2e6c93 has RGB values of R:46, G:108, B:147 and CMYK values of C:0.69, M:0.27, Y:0, K:0.42. Its decimal value is 3042451.

Hex triplet	2e6c93	`#2e6c93`
RGB Decimal	46, 108, 147	`rgb(46,108,147)`
RGB Percent	18, 42.4, 57.6	`rgb(18%,42.4%,57.6%)`
CMYK	69, 27, 0, 42
HSL	203.2°, 52.3, 37.8	`hsl(203.2,52.3%,37.8%)`
HSV (or HSB)	203.2°, 68.7, 57.6
Web Safe	336699	`#336699`

CIE-LAB	43.377, -6.826, -27.145
XYZ	11.754, 13.412, 29.571
xyY	0.215, 0.245, 13.412
CIE-LCH	43.377, 27.99, 255.885
CIE-LUV	43.377, -23.666, -38.446
Hunter-Lab	36.622, -6.796, -22.24
Binary	00101110, 01101100, 10010011

#2e6c93
```
#2e6c93 rgb(46,108,147)
```
#93552e
```
#93552e rgb(147,85,46)
```

Complementary Color

#2e9388
```
#2e9388 rgb(46,147,136)
```
#2e6c93
```
#2e6c93 rgb(46,108,147)
```
#2e3a93
```
#2e3a93 rgb(46,58,147)
```

Analogous Color

#93882e
```
#93882e rgb(147,136,46)
```
#2e6c93
```
#2e6c93 rgb(46,108,147)
```
#932e3a
```
#932e3a rgb(147,46,58)
```

Split Complementary Color

#6c932e
```
#6c932e rgb(108,147,46)
```
#2e6c93
```
#2e6c93 rgb(46,108,147)
```
#932e6c
```
#932e6c rgb(147,46,108)
```

Triadic Color

#2e9355
```
#2e9355 rgb(46,147,85)
```
#2e6c93
```
#2e6c93 rgb(46,108,147)
```
#932e6c
```
#932e6c rgb(147,46,108)
```
#93552e
```
#93552e rgb(147,85,46)
```

Tetradic Color

#1c4159
```
#1c4159 rgb(28,65,89)
```
#224f6c
```
#224f6c rgb(34,79,108)
```
#285e80
```
#285e80 rgb(40,94,128)
```
#2e6c93
```
#2e6c93 rgb(46,108,147)
```
#347aa6
```
#347aa6 rgb(52,122,166)
```
#3a89ba
```
#3a89ba rgb(58,137,186)
```
#4895c6
```
#4895c6 rgb(72,149,198)
```

Monochromatic Color

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

#2e8593
```
#2e8593 rgb(46,133,147)
```
#2e7d93
```
#2e7d93 rgb(46,125,147)
```
#2e7493
```
#2e7493 rgb(46,116,147)
```
#2e6c93
```
#2e6c93 rgb(46,108,147)
```
#2e6493
```
#2e6493 rgb(46,100,147)
```
#2e5b93
```
#2e5b93 rgb(46,91,147)
```
#2e5393
```
#2e5393 rgb(46,83,147)
```

Similar Colors

Text with hexadecimal color #2e6c93

This text has a font color of #2e6c93.

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

#2e6c93 background color

This paragraph has a background color of #2e6c93.

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

#2e6c93 border color

This element has a border color of #2e6c93.

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

CSS codes

.text {color:#2e6c93;}

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

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

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, #04090d is the darkest color, while #fdfefe is the lightest one.

#04090d
```
#04090d rgb(4,9,13)
```
#09141b
```
#09141b rgb(9,20,27)
```
#0d1f2a
```
#0d1f2a rgb(13,31,42)
```
#122a39
```
#122a39 rgb(18,42,57)
```
#173548
```
#173548 rgb(23,53,72)
```
#1b4057
```
#1b4057 rgb(27,64,87)
```
#204b66
```
#204b66 rgb(32,75,102)
```
#255675
```
#255675 rgb(37,86,117)
```
#296184
```
#296184 rgb(41,97,132)
```
#2e6c93
```
#2e6c93 rgb(46,108,147)
```
#3377a2
```
#3377a2 rgb(51,119,162)
```
#3782b1
```
#3782b1 rgb(55,130,177)
```
#3c8dc0
```
#3c8dc0 rgb(60,141,192)
```

Shade Color Variation

#4996c6
```
#4996c6 rgb(73,150,198)
```
#589fcb
```
#589fcb rgb(88,159,203)
```
#67a7cf
```
#67a7cf rgb(103,167,207)
```
#76b0d4
```
#76b0d4 rgb(118,176,212)
```
#85b8d9
```
#85b8d9 rgb(133,184,217)
```
#94c1de
```
#94c1de rgb(148,193,222)
```
#a3cae2
```
#a3cae2 rgb(163,202,226)
```
#b2d2e7
```
#b2d2e7 rgb(178,210,231)
```
#c1dbec
```
#c1dbec rgb(193,219,236)
```
#d0e4f0
```
#d0e4f0 rgb(208,228,240)
```
#dfecf5
```
#dfecf5 rgb(223,236,245)
```
#eef5fa
```
#eef5fa rgb(238,245,250)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#5b6266
```
#5b6266 rgb(91,98,102)
```
#53646e
```
#53646e rgb(83,100,110)
```
#4c6575
```
#4c6575 rgb(76,101,117)
```
#44677d
```
#44677d rgb(68,103,125)
```
#3d6984
```
#3d6984 rgb(61,105,132)
```
#356a8c
```
#356a8c rgb(53,106,140)
```
#2e6c93
```
#2e6c93 rgb(46,108,147)
```
#276e9a
```
#276e9a rgb(39,110,154)
```
#1f6fa2
```
#1f6fa2 rgb(31,111,162)
```
#1871a9
```
#1871a9 rgb(24,113,169)
```
#1073b1
```
#1073b1 rgb(16,115,177)
```
#0974b8
```
#0974b8 rgb(9,116,184)
```
#0176c0
```
#0176c0 rgb(1,118,192)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#546169 Atypical Achromatopsia 0.001% of the population

Dichromacy

#616d93 Protanopia 1% of men
#5a6d9b Deuteranopia 1% of men
#257881 Tritanopia 0.001% of the population

Trichromacy

#4f6c93 Protanomaly 1% of men, 0.01% of women
#4a6d98 Deuteranomaly 6% of men, 0.4% of women
#287387 Tritanomaly 0.01% of the population

#2e6c93 hex color

#2e6c93 Color Information

#2e6c93 Color Conversion

Color Schemes with #2e6c93

Alternatives to #2e6c93

#2e6c93 Preview

Shades and Tints of #2e6c93

Tones of #2e6c93

Color Blindness Simulator