#2e558c hex color

In a RGB color space, hex #2e558c is composed of 18% red, 33.3% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 67.1% cyan, 39.3% magenta, 0% yellow and 45.1% black. It has a hue angle of 215.1 degrees, a saturation of 50.5% and a lightness of 36.5%. #2e558c color hex could be obtained by blending #5caaff with #000019. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 33
- B 55
RGB color chart
- C 67
- M 39
- Y 0
- K 45
CMYK color chart

● #2e558c color description : Dark moderate blue.

The hexadecimal color #2e558c has RGB values of R:46, G:85, B:140 and CMYK values of C:0.67, M:0.39, Y:0, K:0.45. Its decimal value is 3036556.

Hex triplet	2e558c	`#2e558c`
RGB Decimal	46, 85, 140	`rgb(46,85,140)`
RGB Percent	18, 33.3, 54.9	`rgb(18%,33.3%,54.9%)`
CMYK	67, 39, 0, 45
HSL	215.1°, 50.5, 36.5	`hsl(215.1,50.5%,36.5%)`
HSV (or HSB)	215.1°, 67.1, 54.9
Web Safe	336699	`#336699`

CIE-LAB	35.928, 4.976, -34.646
XYZ	9.108, 8.971, 26.061
xyY	0.206, 0.203, 8.971
CIE-LCH	35.928, 35.002, 278.173
CIE-LUV	35.928, -15.705, -48.769
Hunter-Lab	29.951, 1.865, -30.624
Binary	00101110, 01010101, 10001100

#2e558c
```
#2e558c rgb(46,85,140)
```
#8c652e
```
#8c652e rgb(140,101,46)
```

Complementary Color

#2e848c
```
#2e848c rgb(46,132,140)
```
#2e558c
```
#2e558c rgb(46,85,140)
```
#362e8c
```
#362e8c rgb(54,46,140)
```

Analogous Color

#848c2e
```
#848c2e rgb(132,140,46)
```
#2e558c
```
#2e558c rgb(46,85,140)
```
#8c362e
```
#8c362e rgb(140,54,46)
```

Split Complementary Color

#558c2e
```
#558c2e rgb(85,140,46)
```
#2e558c
```
#2e558c rgb(46,85,140)
```
#8c2e55
```
#8c2e55 rgb(140,46,85)
```

Triadic Color

#2e8c65
```
#2e8c65 rgb(46,140,101)
```
#2e558c
```
#2e558c rgb(46,85,140)
```
#8c2e55
```
#8c2e55 rgb(140,46,85)
```
#8c652e
```
#8c652e rgb(140,101,46)
```

Tetradic Color

#1b3252
```
#1b3252 rgb(27,50,82)
```
#213e66
```
#213e66 rgb(33,62,102)
```
#284979
```
#284979 rgb(40,73,121)
```
#2e558c
```
#2e558c rgb(46,85,140)
```
#34619f
```
#34619f rgb(52,97,159)
```
#3b6cb2
```
#3b6cb2 rgb(59,108,178)
```
#4579c2
```
#4579c2 rgb(69,121,194)
```

Monochromatic Color

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

#2e6d8c
```
#2e6d8c rgb(46,109,140)
```
#2e658c
```
#2e658c rgb(46,101,140)
```
#2e5d8c
```
#2e5d8c rgb(46,93,140)
```
#2e558c
```
#2e558c rgb(46,85,140)
```
#2e4d8c
```
#2e4d8c rgb(46,77,140)
```
#2e458c
```
#2e458c rgb(46,69,140)
```
#2e3e8c
```
#2e3e8c rgb(46,62,140)
```

Similar Colors

Text with hexadecimal color #2e558c

This text has a font color of #2e558c.

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

#2e558c background color

This paragraph has a background color of #2e558c.

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

#2e558c border color

This element has a border color of #2e558c.

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

CSS codes

.text {color:#2e558c;}

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

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

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

#020407
```
#020407 rgb(2,4,7)
```
#070d16
```
#070d16 rgb(7,13,22)
```
#0c1625
```
#0c1625 rgb(12,22,37)
```
#111f33
```
#111f33 rgb(17,31,51)
```
#162842
```
#162842 rgb(22,40,66)
```
#1b3151
```
#1b3151 rgb(27,49,81)
```
#1f3a60
```
#1f3a60 rgb(31,58,96)
```
#24436e
```
#24436e rgb(36,67,110)
```
#294c7d
```
#294c7d rgb(41,76,125)
```
#2e558c
```
#2e558c rgb(46,85,140)
```
#335e9b
```
#335e9b rgb(51,94,155)
```
#3867aa
```
#3867aa rgb(56,103,170)
```
#3d70b8
```
#3d70b8 rgb(61,112,184)
```

Shade Color Variation

#467ac2
```
#467ac2 rgb(70,122,194)
```
#5584c7
```
#5584c7 rgb(85,132,199)
```
#648fcc
```
#648fcc rgb(100,143,204)
```
#729ad1
```
#729ad1 rgb(114,154,209)
```
#81a4d6
```
#81a4d6 rgb(129,164,214)
```
#90afdb
```
#90afdb rgb(144,175,219)
```
#9fbadf
```
#9fbadf rgb(159,186,223)
```
#aec4e4
```
#aec4e4 rgb(174,196,228)
```
#bccfe9
```
#bccfe9 rgb(188,207,233)
```
#cbdaee
```
#cbdaee rgb(203,218,238)
```
#dae4f3
```
#dae4f3 rgb(218,228,243)
```
#e9eff8
```
#e9eff8 rgb(233,239,248)
```
#f7f9fc
```
#f7f9fc rgb(247,249,252)
```

Tint Color Variation

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

#595c61
```
#595c61 rgb(89,92,97)
```
#525b68
```
#525b68 rgb(82,91,104)
```
#4b5a6f
```
#4b5a6f rgb(75,90,111)
```
#435977
```
#435977 rgb(67,89,119)
```
#3c577e
```
#3c577e rgb(60,87,126)
```
#355685
```
#355685 rgb(53,86,133)
```
#2e558c
```
#2e558c rgb(46,85,140)
```
#275493
```
#275493 rgb(39,84,147)
```
#20539a
```
#20539a rgb(32,83,154)
```
#1951a1
```
#1951a1 rgb(25,81,161)
```
#1150a9
```
#1150a9 rgb(17,80,169)
```
#0a4fb0
```
#0a4fb0 rgb(10,79,176)
```
#034eb7
```
#034eb7 rgb(3,78,183)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#49515c Atypical Achromatopsia 0.001% of the population

Dichromacy

#475b90 Protanopia 1% of men
#385d92 Deuteranopia 1% of men
#1a656d Tritanopia 0.001% of the population

Trichromacy

#3d598e Protanomaly 1% of men, 0.01% of women
#345a8f Deuteranomaly 6% of men, 0.4% of women
#215f78 Tritanomaly 0.01% of the population

#2e558c hex color

#2e558c Color Information

#2e558c Color Conversion

Color Schemes with #2e558c

Alternatives to #2e558c

#2e558c Preview

Shades and Tints of #2e558c

Tones of #2e558c

Color Blindness Simulator