#2e628e hex color

In a RGB color space, hex #2e628e is composed of 18% red, 38.4% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 31% magenta, 0% yellow and 44.3% black. It has a hue angle of 207.5 degrees, a saturation of 51.1% and a lightness of 36.9%. #2e628e color hex could be obtained by blending #5cc4ff with #00001d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 38
- B 56
RGB color chart
- C 68
- M 31
- Y 0
- K 44
CMYK color chart

● #2e628e color description : Dark moderate blue.

The hexadecimal color #2e628e has RGB values of R:46, G:98, B:142 and CMYK values of C:0.68, M:0.31, Y:0, K:0.44. Its decimal value is 3039886.

Hex triplet	2e628e	`#2e628e`
RGB Decimal	46, 98, 142	`rgb(46,98,142)`
RGB Percent	18, 38.4, 55.7	`rgb(18%,38.4%,55.7%)`
CMYK	68, 31, 0, 44
HSL	207.5°, 51.1, 36.9	`hsl(207.5,51.1%,36.9%)`
HSV (or HSB)	207.5°, 67.6, 55.7
Web Safe	336699	`#336699`

CIE-LAB	40.029, -2.542, -29.386
XYZ	10.376, 11.268, 27.218
xyY	0.212, 0.231, 11.268
CIE-LCH	40.029, 29.496, 265.057
CIE-LUV	40.029, -20.221, -41.554
Hunter-Lab	33.569, -3.572, -24.575
Binary	00101110, 01100010, 10001110

#2e628e
```
#2e628e rgb(46,98,142)
```
#8e5a2e
```
#8e5a2e rgb(142,90,46)
```

Complementary Color

#2e8e8a
```
#2e8e8a rgb(46,142,138)
```
#2e628e
```
#2e628e rgb(46,98,142)
```
#2e328e
```
#2e328e rgb(46,50,142)
```

Analogous Color

#8e8a2e
```
#8e8a2e rgb(142,138,46)
```
#2e628e
```
#2e628e rgb(46,98,142)
```
#8e2e32
```
#8e2e32 rgb(142,46,50)
```

Split Complementary Color

#628e2e
```
#628e2e rgb(98,142,46)
```
#2e628e
```
#2e628e rgb(46,98,142)
```
#8e2e62
```
#8e2e62 rgb(142,46,98)
```

Triadic Color

#2e8e5a
```
#2e8e5a rgb(46,142,90)
```
#2e628e
```
#2e628e rgb(46,98,142)
```
#8e2e62
```
#8e2e62 rgb(142,46,98)
```
#8e5a2e
```
#8e5a2e rgb(142,90,46)
```

Tetradic Color

#1b3a54
```
#1b3a54 rgb(27,58,84)
```
#224767
```
#224767 rgb(34,71,103)
```
#28557b
```
#28557b rgb(40,85,123)
```
#2e628e
```
#2e628e rgb(46,98,142)
```
#346fa1
```
#346fa1 rgb(52,111,161)
```
#3a7db5
```
#3a7db5 rgb(58,125,181)
```
#4689c3
```
#4689c3 rgb(70,137,195)
```

Monochromatic Color

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

#2e7a8e
```
#2e7a8e rgb(46,122,142)
```
#2e728e
```
#2e728e rgb(46,114,142)
```
#2e6a8e
```
#2e6a8e rgb(46,106,142)
```
#2e628e
```
#2e628e rgb(46,98,142)
```
#2e5a8e
```
#2e5a8e rgb(46,90,142)
```
#2e528e
```
#2e528e rgb(46,82,142)
```
#2e4a8e
```
#2e4a8e rgb(46,74,142)
```

Similar Colors

Text with hexadecimal color #2e628e

This text has a font color of #2e628e.

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

#2e628e background color

This paragraph has a background color of #2e628e.

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

#2e628e border color

This element has a border color of #2e628e.

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

CSS codes

.text {color:#2e628e;}

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

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

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

#030609
```
#030609 rgb(3,6,9)
```
#081017
```
#081017 rgb(8,16,23)
```
#0c1a26
```
#0c1a26 rgb(12,26,38)
```
#112535
```
#112535 rgb(17,37,53)
```
#162f44
```
#162f44 rgb(22,47,68)
```
#1b3953
```
#1b3953 rgb(27,57,83)
```
#204362
```
#204362 rgb(32,67,98)
```
#244e70
```
#244e70 rgb(36,78,112)
```
#29587f
```
#29587f rgb(41,88,127)
```
#2e628e
```
#2e628e rgb(46,98,142)
```
#336c9d
```
#336c9d rgb(51,108,157)
```
#3876ac
```
#3876ac rgb(56,118,172)
```
#3c81ba
```
#3c81ba rgb(60,129,186)
```

Shade Color Variation

#478ac3
```
#478ac3 rgb(71,138,195)
```
#5694c8
```
#5694c8 rgb(86,148,200)
```
#659dcd
```
#659dcd rgb(101,157,205)
```
#73a7d2
```
#73a7d2 rgb(115,167,210)
```
#82b0d7
```
#82b0d7 rgb(130,176,215)
```
#91b9db
```
#91b9db rgb(145,185,219)
```
#a0c3e0
```
#a0c3e0 rgb(160,195,224)
```
#afcce5
```
#afcce5 rgb(175,204,229)
```
#bed6ea
```
#bed6ea rgb(190,214,234)
```
#ccdfef
```
#ccdfef rgb(204,223,239)
```
#dbe8f3
```
#dbe8f3 rgb(219,232,243)
```
#eaf2f8
```
#eaf2f8 rgb(234,242,248)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595e63 is the less saturated color, while #0366b9 is the most saturated one.

#595e63
```
#595e63 rgb(89,94,99)
```
#525f6a
```
#525f6a rgb(82,95,106)
```
#4b6071
```
#4b6071 rgb(75,96,113)
```
#446078
```
#446078 rgb(68,96,120)
```
#3c6180
```
#3c6180 rgb(60,97,128)
```
#356187
```
#356187 rgb(53,97,135)
```
#2e628e
```
#2e628e rgb(46,98,142)
```
#276395
```
#276395 rgb(39,99,149)
```
#20639c
```
#20639c rgb(32,99,156)
```
#1864a4
```
#1864a4 rgb(24,100,164)
```
#1164ab
```
#1164ab rgb(17,100,171)
```
#0a65b2
```
#0a65b2 rgb(10,101,178)
```
#0366b9
```
#0366b9 rgb(3,102,185)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4f5962 Atypical Achromatopsia 0.001% of the population

Dichromacy

#576590 Protanopia 1% of men
#4e6695 Deuteranopia 1% of men
#236f78 Tritanopia 0.001% of the population

Trichromacy

#48648f Protanomaly 1% of men, 0.01% of women
#426492 Deuteranomaly 6% of men, 0.4% of women
#276a80 Tritanomaly 0.01% of the population

#2e628e hex color

#2e628e Color Information

#2e628e Color Conversion

Color Schemes with #2e628e

Alternatives to #2e628e

#2e628e Preview

Shades and Tints of #2e628e

Tones of #2e628e

Color Blindness Simulator