#2e3757 hex color

In a RGB color space, hex #2e3757 is composed of 18% red, 21.6% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 47.1% cyan, 36.8% magenta, 0% yellow and 65.9% black. It has a hue angle of 226.8 degrees, a saturation of 30.8% and a lightness of 26.1%. #2e3757 color hex could be obtained by blending #5c6eae with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 22
- B 34
RGB color chart
- C 47
- M 37
- Y 0
- K 66
CMYK color chart

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

The hexadecimal color #2e3757 has RGB values of R:46, G:55, B:87 and CMYK values of C:0.47, M:0.37, Y:0, K:0.66. Its decimal value is 3028823.

Hex triplet	2e3757	`#2e3757`
RGB Decimal	46, 55, 87	`rgb(46,55,87)`
RGB Percent	18, 21.6, 34.1	`rgb(18%,21.6%,34.1%)`
CMYK	47, 37, 0, 66
HSL	226.8°, 30.8, 26.1	`hsl(226.8,30.8%,26.1%)`
HSV (or HSB)	226.8°, 47.1, 34.1
Web Safe	333366	`#333366`

CIE-LAB	23.675, 5.935, -20.507
XYZ	4.213, 4.001, 9.567
xyY	0.237, 0.225, 4.001
CIE-LCH	23.675, 21.348, 286.141
CIE-LUV	23.675, -5.081, -24.879
Hunter-Lab	20.003, 2.589, -14.354
Binary	00101110, 00110111, 01010111

#2e3757
```
#2e3757 rgb(46,55,87)
```
#574e2e
```
#574e2e rgb(87,78,46)
```

Complementary Color

#2e4c57
```
#2e4c57 rgb(46,76,87)
```
#2e3757
```
#2e3757 rgb(46,55,87)
```
#3a2e57
```
#3a2e57 rgb(58,46,87)
```

Analogous Color

#4c572e
```
#4c572e rgb(76,87,46)
```
#2e3757
```
#2e3757 rgb(46,55,87)
```
#573a2e
```
#573a2e rgb(87,58,46)
```

Split Complementary Color

#37572e
```
#37572e rgb(55,87,46)
```
#2e3757
```
#2e3757 rgb(46,55,87)
```
#572e37
```
#572e37 rgb(87,46,55)
```

Triadic Color

#2e574e
```
#2e574e rgb(46,87,78)
```
#2e3757
```
#2e3757 rgb(46,55,87)
```
#572e37
```
#572e37 rgb(87,46,55)
```
#574e2e
```
#574e2e rgb(87,78,46)
```

Tetradic Color

#141725
```
#141725 rgb(20,23,37)
```
#1c2236
```
#1c2236 rgb(28,34,54)
```
#252c46
```
#252c46 rgb(37,44,70)
```
#2e3757
```
#2e3757 rgb(46,55,87)
```
#374268
```
#374268 rgb(55,66,104)
```
#404c78
```
#404c78 rgb(64,76,120)
```
#485789
```
#485789 rgb(72,87,137)
```

Monochromatic Color

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

#2e4157
```
#2e4157 rgb(46,65,87)
```
#2e3e57
```
#2e3e57 rgb(46,62,87)
```
#2e3a57
```
#2e3a57 rgb(46,58,87)
```
#2e3757
```
#2e3757 rgb(46,55,87)
```
#2e3457
```
#2e3457 rgb(46,52,87)
```
#2e3057
```
#2e3057 rgb(46,48,87)
```
#2f2e57
```
#2f2e57 rgb(47,46,87)
```

Similar Colors

Text with hexadecimal color #2e3757

This text has a font color of #2e3757.

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

#2e3757 background color

This paragraph has a background color of #2e3757.

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

#2e3757 border color

This element has a border color of #2e3757.

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

CSS codes

.text {color:#2e3757;}

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

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

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, #05060a is the darkest color, while #fcfcfe is the lightest one.

#05060a
```
#05060a rgb(5,6,10)
```
#0c0e17
```
#0c0e17 rgb(12,14,23)
```
#131724
```
#131724 rgb(19,23,36)
```
#1a1f31
```
#1a1f31 rgb(26,31,49)
```
#20273d
```
#20273d rgb(32,39,61)
```
#272f4a
```
#272f4a rgb(39,47,74)
```
#2e3757
```
#2e3757 rgb(46,55,87)
```
#353f64
```
#353f64 rgb(53,63,100)
```
#3c4771
```
#3c4771 rgb(60,71,113)
```
#424f7d
```
#424f7d rgb(66,79,125)
```
#49578a
```
#49578a rgb(73,87,138)
```
#506097
```
#506097 rgb(80,96,151)
```
#5768a4
```
#5768a4 rgb(87,104,164)
```

Shade Color Variation

#6272ac
```
#6272ac rgb(98,114,172)
```
#6f7eb3
```
#6f7eb3 rgb(111,126,179)
```
#7c89ba
```
#7c89ba rgb(124,137,186)
```
#8995c0
```
#8995c0 rgb(137,149,192)
```
#96a0c7
```
#96a0c7 rgb(150,160,199)
```
#a2acce
```
#a2acce rgb(162,172,206)
```
#afb7d5
```
#afb7d5 rgb(175,183,213)
```
#bcc3dc
```
#bcc3dc rgb(188,195,220)
```
#c9cee2
```
#c9cee2 rgb(201,206,226)
```
#d6dae9
```
#d6dae9 rgb(214,218,233)
```
#e3e5f0
```
#e3e5f0 rgb(227,229,240)
```
#eff1f7
```
#eff1f7 rgb(239,241,247)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#424243
```
#424243 rgb(66,66,67)
```
#3d4048
```
#3d4048 rgb(61,64,72)
```
#383d4d
```
#383d4d rgb(56,61,77)
```
#333a52
```
#333a52 rgb(51,58,82)
```
#2e3757
```
#2e3757 rgb(46,55,87)
```
#29345c
```
#29345c rgb(41,52,92)
```
#243161
```
#243161 rgb(36,49,97)
```
#1f2e66
```
#1f2e66 rgb(31,46,102)
```
#1a2c6b
```
#1a2c6b rgb(26,44,107)
```
#142971
```
#142971 rgb(20,41,113)
```
#0f2676
```
#0f2676 rgb(15,38,118)
```
#0a237b
```
#0a237b rgb(10,35,123)
```
#052080
```
#052080 rgb(5,32,128)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#36383e Atypical Achromatopsia 0.001% of the population

Dichromacy

#37415f Protanopia 1% of men
#35425f Deuteranopia 1% of men
#31454a Tritanopia 0.001% of the population

Trichromacy

#343d5c Protanomaly 1% of men, 0.01% of women
#323e5c Deuteranomaly 6% of men, 0.4% of women
#30404f Tritanomaly 0.01% of the population

#2e3757 hex color

#2e3757 Color Information

#2e3757 Color Conversion

Color Schemes with #2e3757

Alternatives to #2e3757

#2e3757 Preview

Shades and Tints of #2e3757

Tones of #2e3757

Color Blindness Simulator