#2e456c hex color

In a RGB color space, hex #2e456c is composed of 18% red, 27.1% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 36.1% magenta, 0% yellow and 57.6% black. It has a hue angle of 217.7 degrees, a saturation of 40.3% and a lightness of 30.2%. #2e456c color hex could be obtained by blending #5c8ad8 with #000000. Closest websafe color is: #333366.

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

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

The hexadecimal color #2e456c has RGB values of R:46, G:69, B:108 and CMYK values of C:0.57, M:0.36, Y:0, K:0.58. Its decimal value is 3032428.

Hex triplet	2e456c	`#2e456c`
RGB Decimal	46, 69, 108	`rgb(46,69,108)`
RGB Percent	18, 27.1, 42.4	`rgb(18%,27.1%,42.4%)`
CMYK	57, 36, 0, 58
HSL	217.7°, 40.3, 30.2	`hsl(217.7,40.3%,30.2%)`
HSV (or HSB)	217.7°, 57.4, 42.4
Web Safe	333366	`#333366`

CIE-LAB	29.208, 3.79, -25.383
XYZ	5.961, 5.919, 15.015
xyY	0.222, 0.22, 5.919
CIE-LCH	29.208, 25.664, 278.493
CIE-LUV	29.208, -10.358, -33.129
Hunter-Lab	24.33, 1.156, -19.559
Binary	00101110, 01000101, 01101100

#2e456c
```
#2e456c rgb(46,69,108)
```
#6c552e
```
#6c552e rgb(108,85,46)
```

Complementary Color

#2e646c
```
#2e646c rgb(46,100,108)
```
#2e456c
```
#2e456c rgb(46,69,108)
```
#362e6c
```
#362e6c rgb(54,46,108)
```

Analogous Color

#646c2e
```
#646c2e rgb(100,108,46)
```
#2e456c
```
#2e456c rgb(46,69,108)
```
#6c362e
```
#6c362e rgb(108,54,46)
```

Split Complementary Color

#456c2e
```
#456c2e rgb(69,108,46)
```
#2e456c
```
#2e456c rgb(46,69,108)
```
#6c2e45
```
#6c2e45 rgb(108,46,69)
```

Triadic Color

#2e6c55
```
#2e6c55 rgb(46,108,85)
```
#2e456c
```
#2e456c rgb(46,69,108)
```
#6c2e45
```
#6c2e45 rgb(108,46,69)
```
#6c552e
```
#6c552e rgb(108,85,46)
```

Tetradic Color

#172336
```
#172336 rgb(23,35,54)
```
#1f2e48
```
#1f2e48 rgb(31,46,72)
```
#263a5a
```
#263a5a rgb(38,58,90)
```
#2e456c
```
#2e456c rgb(46,69,108)
```
#36507e
```
#36507e rgb(54,80,126)
```
#3d5c90
```
#3d5c90 rgb(61,92,144)
```
#4567a2
```
#4567a2 rgb(69,103,162)
```

Monochromatic Color

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

#2e556c
```
#2e556c rgb(46,85,108)
```
#2e4f6c
```
#2e4f6c rgb(46,79,108)
```
#2e4a6c
```
#2e4a6c rgb(46,74,108)
```
#2e456c
```
#2e456c rgb(46,69,108)
```
#2e406c
```
#2e406c rgb(46,64,108)
```
#2e3b6c
```
#2e3b6c rgb(46,59,108)
```
#2e366c
```
#2e366c rgb(46,54,108)
```

Similar Colors

Text with hexadecimal color #2e456c

This text has a font color of #2e456c.

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

#2e456c background color

This paragraph has a background color of #2e456c.

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

#2e456c border color

This element has a border color of #2e456c.

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

CSS codes

.text {color:#2e456c;}

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

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

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, #05070c is the darkest color, while #fdfdfe is the lightest one.

#05070c
```
#05070c rgb(5,7,12)
```
#0b1019
```
#0b1019 rgb(11,16,25)
```
#111927
```
#111927 rgb(17,25,39)
```
#172235
```
#172235 rgb(23,34,53)
```
#1c2b43
```
#1c2b43 rgb(28,43,67)
```
#223350
```
#223350 rgb(34,51,80)
```
#283c5e
```
#283c5e rgb(40,60,94)
```
#2e456c
```
#2e456c rgb(46,69,108)
```
#344e7a
```
#344e7a rgb(52,78,122)
```
#3a5788
```
#3a5788 rgb(58,87,136)
```
#405f95
```
#405f95 rgb(64,95,149)
```
#4568a3
```
#4568a3 rgb(69,104,163)
```
#4b71b1
```
#4b71b1 rgb(75,113,177)
```

Shade Color Variation

#587bb8
```
#587bb8 rgb(88,123,184)
```
#6686be
```
#6686be rgb(102,134,190)
```
#7391c4
```
#7391c4 rgb(115,145,196)
```
#819cc9
```
#819cc9 rgb(129,156,201)
```
#8fa7cf
```
#8fa7cf rgb(143,167,207)
```
#9db2d5
```
#9db2d5 rgb(157,178,213)
```
#aabcdb
```
#aabcdb rgb(170,188,219)
```
#b8c7e1
```
#b8c7e1 rgb(184,199,225)
```
#c6d2e7
```
#c6d2e7 rgb(198,210,231)
```
#d4dded
```
#d4dded rgb(212,221,237)
```
#e1e8f2
```
#e1e8f2 rgb(225,232,242)
```
#eff3f8
```
#eff3f8 rgb(239,243,248)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4c4d4e is the less saturated color, while #053a95 is the most saturated one.

#4c4d4e
```
#4c4d4e rgb(76,77,78)
```
#464b54
```
#464b54 rgb(70,75,84)
```
#404a5a
```
#404a5a rgb(64,74,90)
```
#3a4860
```
#3a4860 rgb(58,72,96)
```
#344766
```
#344766 rgb(52,71,102)
```
#2e456c
```
#2e456c rgb(46,69,108)
```
#284372
```
#284372 rgb(40,67,114)
```
#224278
```
#224278 rgb(34,66,120)
```
#1c407e
```
#1c407e rgb(28,64,126)
```
#163f84
```
#163f84 rgb(22,63,132)
```
#103d8a
```
#103d8a rgb(16,61,138)
```
#0a3c90
```
#0a3c90 rgb(10,60,144)
```
#053a95
```
#053a95 rgb(5,58,149)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3f434b Atypical Achromatopsia 0.001% of the population

Dichromacy

#404d72 Protanopia 1% of men
#3a4e73 Deuteranopia 1% of men
#2c545a Tritanopia 0.001% of the population

Trichromacy

#394a70 Protanomaly 1% of men, 0.01% of women
#354a70 Deuteranomaly 6% of men, 0.4% of women
#2d4e60 Tritanomaly 0.01% of the population

#2e456c hex color

#2e456c Color Information

#2e456c Color Conversion

Color Schemes with #2e456c

Alternatives to #2e456c

#2e456c Preview

Shades and Tints of #2e456c

Tones of #2e456c

Color Blindness Simulator