#2e456b hex color

In a RGB color space, hex #2e456b is composed of 18% red, 27.1% green and 42% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 35.5% magenta, 0% yellow and 58% black. It has a hue angle of 217.4 degrees, a saturation of 39.9% and a lightness of 30%. #2e456b color hex could be obtained by blending #5c8ad6 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

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

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

Hex triplet	2e456b	`#2e456b`
RGB Decimal	46, 69, 107	`rgb(46,69,107)`
RGB Percent	18, 27.1, 42	`rgb(18%,27.1%,42%)`
CMYK	57, 36, 0, 58
HSL	217.4°, 39.9, 30	`hsl(217.4,39.9%,30%)`
HSV (or HSB)	217.4°, 57, 42
Web Safe	333366	`#333366`

CIE-LAB	29.154, 3.433, -24.832
XYZ	5.908, 5.898, 14.736
xyY	0.223, 0.222, 5.898
CIE-LCH	29.154, 25.068, 277.871
CIE-LUV	29.154, -10.355, -32.332
Hunter-Lab	24.286, 0.922, -18.975
Binary	00101110, 01000101, 01101011

#2e456b
```
#2e456b rgb(46,69,107)
```
#6b542e
```
#6b542e rgb(107,84,46)
```

Complementary Color

#2e646b
```
#2e646b rgb(46,100,107)
```
#2e456b
```
#2e456b rgb(46,69,107)
```
#362e6b
```
#362e6b rgb(54,46,107)
```

Analogous Color

#646b2e
```
#646b2e rgb(100,107,46)
```
#2e456b
```
#2e456b rgb(46,69,107)
```
#6b362e
```
#6b362e rgb(107,54,46)
```

Split Complementary Color

#456b2e
```
#456b2e rgb(69,107,46)
```
#2e456b
```
#2e456b rgb(46,69,107)
```
#6b2e45
```
#6b2e45 rgb(107,46,69)
```

Triadic Color

#2e6b54
```
#2e6b54 rgb(46,107,84)
```
#2e456b
```
#2e456b rgb(46,69,107)
```
#6b2e45
```
#6b2e45 rgb(107,46,69)
```
#6b542e
```
#6b542e rgb(107,84,46)
```

Tetradic Color

#172336
```
#172336 rgb(23,35,54)
```
#1f2e47
```
#1f2e47 rgb(31,46,71)
```
#263a59
```
#263a59 rgb(38,58,89)
```
#2e456b
```
#2e456b rgb(46,69,107)
```
#36517d
```
#36517d rgb(54,81,125)
```
#3d5c8f
```
#3d5c8f rgb(61,92,143)
```
#4568a1
```
#4568a1 rgb(69,104,161)
```

Monochromatic Color

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

#2e546b
```
#2e546b rgb(46,84,107)
```
#2e4f6b
```
#2e4f6b rgb(46,79,107)
```
#2e4a6b
```
#2e4a6b rgb(46,74,107)
```
#2e456b
```
#2e456b rgb(46,69,107)
```
#2e406b
```
#2e406b rgb(46,64,107)
```
#2e3b6b
```
#2e3b6b rgb(46,59,107)
```
#2e366b
```
#2e366b rgb(46,54,107)
```

Similar Colors

Text with hexadecimal color #2e456b

This text has a font color of #2e456b.

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

#2e456b background color

This paragraph has a background color of #2e456b.

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

#2e456b border color

This element has a border color of #2e456b.

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

CSS codes

.text {color:#2e456b;}

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

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

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

#05070b
```
#05070b rgb(5,7,11)
```
#0b1019
```
#0b1019 rgb(11,16,25)
```
#111926
```
#111926 rgb(17,25,38)
```
#162234
```
#162234 rgb(22,34,52)
```
#1c2a42
```
#1c2a42 rgb(28,42,66)
```
#223350
```
#223350 rgb(34,51,80)
```
#283c5d
```
#283c5d rgb(40,60,93)
```
#2e456b
```
#2e456b rgb(46,69,107)
```
#344e79
```
#344e79 rgb(52,78,121)
```
#3a5786
```
#3a5786 rgb(58,87,134)
```
#406094
```
#406094 rgb(64,96,148)
```
#4668a2
```
#4668a2 rgb(70,104,162)
```
#4b71b0
```
#4b71b0 rgb(75,113,176)
```

Shade Color Variation

#587cb7
```
#587cb7 rgb(88,124,183)
```
#6586bd
```
#6586bd rgb(101,134,189)
```
#7391c3
```
#7391c3 rgb(115,145,195)
```
#819cc9
```
#819cc9 rgb(129,156,201)
```
#8fa7cf
```
#8fa7cf rgb(143,167,207)
```
#9cb1d5
```
#9cb1d5 rgb(156,177,213)
```
#aabcda
```
#aabcda rgb(170,188,218)
```
#b8c7e0
```
#b8c7e0 rgb(184,199,224)
```
#c5d2e6
```
#c5d2e6 rgb(197,210,230)
```
#d3ddec
```
#d3ddec rgb(211,221,236)
```
#e1e7f2
```
#e1e7f2 rgb(225,231,242)
```
#eff2f8
```
#eff2f8 rgb(239,242,248)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#4b4c4e
```
#4b4c4e rgb(75,76,78)
```
#464b53
```
#464b53 rgb(70,75,83)
```
#404959
```
#404959 rgb(64,73,89)
```
#3a485f
```
#3a485f rgb(58,72,95)
```
#344665
```
#344665 rgb(52,70,101)
```
#2e456b
```
#2e456b rgb(46,69,107)
```
#284471
```
#284471 rgb(40,68,113)
```
#224277
```
#224277 rgb(34,66,119)
```
#1c417d
```
#1c417d rgb(28,65,125)
```
#163f83
```
#163f83 rgb(22,63,131)
```
#113e88
```
#113e88 rgb(17,62,136)
```
#0b3c8e
```
#0b3c8e rgb(11,60,142)
```
#053b94
```
#053b94 rgb(5,59,148)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3e434a Atypical Achromatopsia 0.001% of the population

Dichromacy

#404d71 Protanopia 1% of men
#3b4e72 Deuteranopia 1% of men
#2d535a Tritanopia 0.001% of the population

Trichromacy

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

#2e456b hex color

#2e456b Color Information

#2e456b Color Conversion

Color Schemes with #2e456b

Alternatives to #2e456b

#2e456b Preview

Shades and Tints of #2e456b

Tones of #2e456b

Color Blindness Simulator