#2e5165 hex color

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

♥
- f
- t
- g
- R 18
- G 32
- B 40
RGB color chart
- C 54
- M 20
- Y 0
- K 60
CMYK color chart

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

The hexadecimal color #2e5165 has RGB values of R:46, G:81, B:101 and CMYK values of C:0.54, M:0.2, Y:0, K:0.6. Its decimal value is 3035493.

Hex triplet	2e5165	`#2e5165`
RGB Decimal	46, 81, 101	`rgb(46,81,101)`
RGB Percent	18, 31.8, 39.6	`rgb(18%,31.8%,39.6%)`
CMYK	54, 20, 0, 60
HSL	201.8°, 37.4, 28.8	`hsl(201.8,37.4%,28.8%)`
HSV (or HSB)	201.8°, 54.5, 39.6
Web Safe	336666	`#336666`

CIE-LAB	32.711, -6.362, -15.503
XYZ	6.418, 7.405, 13.402
xyY	0.236, 0.272, 7.405
CIE-LCH	32.711, 16.757, 247.687
CIE-LUV	32.711, -14.909, -19.447
Hunter-Lab	27.212, -5.524, -10.153
Binary	00101110, 01010001, 01100101

#2e5165
```
#2e5165 rgb(46,81,101)
```
#65422e
```
#65422e rgb(101,66,46)
```

Complementary Color

#2e655e
```
#2e655e rgb(46,101,94)
```
#2e5165
```
#2e5165 rgb(46,81,101)
```
#2e3665
```
#2e3665 rgb(46,54,101)
```

Analogous Color

#655e2e
```
#655e2e rgb(101,94,46)
```
#2e5165
```
#2e5165 rgb(46,81,101)
```
#652e36
```
#652e36 rgb(101,46,54)
```

Split Complementary Color

#51652e
```
#51652e rgb(81,101,46)
```
#2e5165
```
#2e5165 rgb(46,81,101)
```
#652e51
```
#652e51 rgb(101,46,81)
```

Triadic Color

#2e6542
```
#2e6542 rgb(46,101,66)
```
#2e5165
```
#2e5165 rgb(46,81,101)
```
#652e51
```
#652e51 rgb(101,46,81)
```
#65422e
```
#65422e rgb(101,66,46)
```

Tetradic Color

#162730
```
#162730 rgb(22,39,48)
```
#1e3542
```
#1e3542 rgb(30,53,66)
```
#264353
```
#264353 rgb(38,67,83)
```
#2e5165
```
#2e5165 rgb(46,81,101)
```
#365f77
```
#365f77 rgb(54,95,119)
```
#3e6d88
```
#3e6d88 rgb(62,109,136)
```
#467b9a
```
#467b9a rgb(70,123,154)
```

Monochromatic Color

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

#2e5f65
```
#2e5f65 rgb(46,95,101)
```
#2e5a65
```
#2e5a65 rgb(46,90,101)
```
#2e5665
```
#2e5665 rgb(46,86,101)
```
#2e5165
```
#2e5165 rgb(46,81,101)
```
#2e4c65
```
#2e4c65 rgb(46,76,101)
```
#2e4865
```
#2e4865 rgb(46,72,101)
```
#2e4365
```
#2e4365 rgb(46,67,101)
```

Similar Colors

Text with hexadecimal color #2e5165

This text has a font color of #2e5165.

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

#2e5165 background color

This paragraph has a background color of #2e5165.

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

#2e5165 border color

This element has a border color of #2e5165.

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

CSS codes

.text {color:#2e5165;}

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

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

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

#030507
```
#030507 rgb(3,5,7)
```
#091014
```
#091014 rgb(9,16,20)
```
#0f1b22
```
#0f1b22 rgb(15,27,34)
```
#15262f
```
#15262f rgb(21,38,47)
```
#1c313d
```
#1c313d rgb(28,49,61)
```
#223b4a
```
#223b4a rgb(34,59,74)
```
#284658
```
#284658 rgb(40,70,88)
```
#2e5165
```
#2e5165 rgb(46,81,101)
```
#345c72
```
#345c72 rgb(52,92,114)
```
#3a6780
```
#3a6780 rgb(58,103,128)
```
#40718d
```
#40718d rgb(64,113,141)
```
#477c9b
```
#477c9b rgb(71,124,155)
```
#4d87a8
```
#4d87a8 rgb(77,135,168)
```

Shade Color Variation

#5691b2
```
#5691b2 rgb(86,145,178)
```
#649ab8
```
#649ab8 rgb(100,154,184)
```
#71a2bf
```
#71a2bf rgb(113,162,191)
```
#7fabc5
```
#7fabc5 rgb(127,171,197)
```
#8cb4cb
```
#8cb4cb rgb(140,180,203)
```
#9abdd1
```
#9abdd1 rgb(154,189,209)
```
#a7c6d7
```
#a7c6d7 rgb(167,198,215)
```
#b5cfdd
```
#b5cfdd rgb(181,207,221)
```
#c2d7e3
```
#c2d7e3 rgb(194,215,227)
```
#d0e0e9
```
#d0e0e9 rgb(208,224,233)
```
#dde9f0
```
#dde9f0 rgb(221,233,240)
```
#ebf2f6
```
#ebf2f6 rgb(235,242,246)
```
#f8fbfc
```
#f8fbfc rgb(248,251,252)
```

Tint Color Variation

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

#454b4e
```
#454b4e rgb(69,75,78)
```
#3f4c54
```
#3f4c54 rgb(63,76,84)
```
#394e5a
```
#394e5a rgb(57,78,90)
```
#344f5f
```
#344f5f rgb(52,79,95)
```
#2e5165
```
#2e5165 rgb(46,81,101)
```
#28536b
```
#28536b rgb(40,83,107)
```
#235470
```
#235470 rgb(35,84,112)
```
#1d5676
```
#1d5676 rgb(29,86,118)
```
#17577c
```
#17577c rgb(23,87,124)
```
#125981
```
#125981 rgb(18,89,129)
```
#0c5a87
```
#0c5a87 rgb(12,90,135)
```
#065c8d
```
#065c8d rgb(6,92,141)
```
#015d92
```
#015d92 rgb(1,93,146)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#444b4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#505569 Protanopia 1% of men
#4f546e Deuteranopia 1% of men
#345b62 Tritanopia 0.001% of the population

Trichromacy

#445368 Protanomaly 1% of men, 0.01% of women
#43536b Deuteranomaly 6% of men, 0.4% of women
#325763 Tritanomaly 0.01% of the population

#2e5165 hex color

#2e5165 Color Information

#2e5165 Color Conversion

Color Schemes with #2e5165

Alternatives to #2e5165

#2e5165 Preview

Shades and Tints of #2e5165

Tones of #2e5165

Color Blindness Simulator