colorhexa.com

#2e3c65 hex color

In a RGB color space, hex #2e3c65 is composed of 18% red, 23.5% green and 39.6% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 40.6% magenta, 0% yellow and 60.4% black. It has a hue angle of 224.7 degrees, a saturation of 37.4% and a lightness of 28.8%. #2e3c65 color hex could be obtained by blending #5c78ca with #000000. Closest websafe color is: #333366.

- R 18
- G 24
- B 40
RGB color chart
- C 54
- M 41
- Y 0
- K 60
CMYK color chart

● #2e3c65 color description : Very dark desaturated blue.

The hexadecimal color #2e3c65 has RGB values of R:46, G:60, B:101 and CMYK values of C:0.54, M:0.41, Y:0, K:0.6. Its decimal value is 3030117.

Hex triplet	2e3c65	`#2e3c65`
RGB Decimal	46, 60, 101	`rgb(46,60,101)`
RGB Percent	18, 23.5, 39.6	`rgb(18%,23.5%,39.6%)`
CMYK	54, 41, 0, 60
HSL	224.7°, 37.4, 28.8	`hsl(224.7,37.4%,28.8%)`
HSV (or HSB)	224.7°, 54.5, 39.6
Web Safe	333366	`#333366`

CIE-LAB	26.016, 7.374, -25.94
XYZ	5.091, 4.752, 12.96
xyY	0.223, 0.208, 4.752
CIE-LCH	26.016, 26.968, 285.869
CIE-LUV	26.016, -7.151, -32.892
Hunter-Lab	21.799, 3.54, -19.991
Binary	00101110, 00111100, 01100101

#2e3c65
```
#2e3c65 rgb(46,60,101)
```
#65572e
```
#65572e rgb(101,87,46)
```

Complementary Color

#2e5865
```
#2e5865 rgb(46,88,101)
```
#2e3c65
```
#2e3c65 rgb(46,60,101)
```
#3c2e65
```
#3c2e65 rgb(60,46,101)
```

Analogous Color

#58652e
```
#58652e rgb(88,101,46)
```
#2e3c65
```
#2e3c65 rgb(46,60,101)
```
#653c2e
```
#653c2e rgb(101,60,46)
```

Split Complementary Color

#3c652e
```
#3c652e rgb(60,101,46)
```
#2e3c65
```
#2e3c65 rgb(46,60,101)
```
#652e3c
```
#652e3c rgb(101,46,60)
```

Triadic Color

#161d30
```
#161d30 rgb(22,29,48)
```
#1e2742
```
#1e2742 rgb(30,39,66)
```
#263253
```
#263253 rgb(38,50,83)
```
#2e3c65
```
#2e3c65 rgb(46,60,101)
```
#364677
```
#364677 rgb(54,70,119)
```
#3e5188
```
#3e5188 rgb(62,81,136)
```
#465b9a
```
#465b9a rgb(70,91,154)
```

Monochromatic Color

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

#2e4a65
```
#2e4a65 rgb(46,74,101)
```
#2e4565
```
#2e4565 rgb(46,69,101)
```
#2e4165
```
#2e4165 rgb(46,65,101)
```
#2e3c65
```
#2e3c65 rgb(46,60,101)
```
#2e3765
```
#2e3765 rgb(46,55,101)
```
#2e3365
```
#2e3365 rgb(46,51,101)
```
#2e2e65
```
#2e2e65 rgb(46,46,101)
```

Similar Colors

Text with hexadecimal color #2e3c65

This text has a font color of #2e3c65.

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

#2e3c65 background color

This paragraph has a background color of #2e3c65.

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

#2e3c65 border color

This element has a border color of #2e3c65.

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

CSS codes

.text {color:#2e3c65;}

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

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

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

#030407
```
#030407 rgb(3,4,7)
```
#090c14
```
#090c14 rgb(9,12,20)
```
#0f1422
```
#0f1422 rgb(15,20,34)
```
#151c2f
```
#151c2f rgb(21,28,47)
```
#1c243d
```
#1c243d rgb(28,36,61)
```
#222c4a
```
#222c4a rgb(34,44,74)
```
#283458
```
#283458 rgb(40,52,88)
```
#2e3c65
```
#2e3c65 rgb(46,60,101)
```
#344472
```
#344472 rgb(52,68,114)
```
#3a4c80
```
#3a4c80 rgb(58,76,128)
```
#40548d
```
#40548d rgb(64,84,141)
```
#475c9b
```
#475c9b rgb(71,92,155)
```
#4d64a8
```
#4d64a8 rgb(77,100,168)
```

Shade Color Variation

#566eb2
```
#566eb2 rgb(86,110,178)
```
#6479b8
```
#6479b8 rgb(100,121,184)
```
#7185bf
```
#7185bf rgb(113,133,191)
```
#7f91c5
```
#7f91c5 rgb(127,145,197)
```
#8c9ccb
```
#8c9ccb rgb(140,156,203)
```
#9aa8d1
```
#9aa8d1 rgb(154,168,209)
```
#a7b3d7
```
#a7b3d7 rgb(167,179,215)
```
#b5bfdd
```
#b5bfdd rgb(181,191,221)
```
#c2cbe3
```
#c2cbe3 rgb(194,203,227)
```
#d0d6e9
```
#d0d6e9 rgb(208,214,233)
```
#dde2f0
```
#dde2f0 rgb(221,226,240)
```
#ebeef6
```
#ebeef6 rgb(235,238,246)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #45474e is the less saturated color, while #012692 is the most saturated one.

#45474e
```
#45474e rgb(69,71,78)
```
#3f4454
```
#3f4454 rgb(63,68,84)
```
#39425a
```
#39425a rgb(57,66,90)
```
#343f5f
```
#343f5f rgb(52,63,95)
```
#2e3c65
```
#2e3c65 rgb(46,60,101)
```
#28396b
```
#28396b rgb(40,57,107)
```
#233670
```
#233670 rgb(35,54,112)
```
#1d3476
```
#1d3476 rgb(29,52,118)
```
#17317c
```
#17317c rgb(23,49,124)
```
#122e81
```
#122e81 rgb(18,46,129)
```
#0c2b87
```
#0c2b87 rgb(12,43,135)
```
#06298d
```
#06298d rgb(6,41,141)
```
#012692
```
#012692 rgb(1,38,146)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#393c44 Atypical Achromatopsia 0.001% of the population

Dichromacy

#37466d Protanopia 1% of men
#31476c Deuteranopia 1% of men
#2d4c51 Tritanopia 0.001% of the population

Trichromacy

#34426a Protanomaly 1% of men, 0.01% of women
#304369 Deuteranomaly 6% of men, 0.4% of women
#2d4658 Tritanomaly 0.01% of the population