#2e5465 hex color

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

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

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

The hexadecimal color #2e5465 has RGB values of R:46, G:84, B:101 and CMYK values of C:0.54, M:0.17, Y:0, K:0.6. Its decimal value is 3036261.

Hex triplet	2e5465	`#2e5465`
RGB Decimal	46, 84, 101	`rgb(46,84,101)`
RGB Percent	18, 32.9, 39.6	`rgb(18%,32.9%,39.6%)`
CMYK	54, 17, 0, 60
HSL	198.5°, 37.4, 28.8	`hsl(198.5,37.4%,28.8%)`
HSV (or HSB)	198.5°, 54.5, 39.6
Web Safe	336666	`#336666`

CIE-LAB	33.691, -8.202, -14.001
XYZ	6.645, 7.861, 13.478
xyY	0.237, 0.281, 7.861
CIE-LCH	33.691, 16.227, 239.637
CIE-LUV	33.691, -16.087, -17.321
Hunter-Lab	28.037, -6.756, -8.877
Binary	00101110, 01010100, 01100101

#2e5465
```
#2e5465 rgb(46,84,101)
```
#653f2e
```
#653f2e rgb(101,63,46)
```

Complementary Color

#2e655b
```
#2e655b rgb(46,101,91)
```
#2e5465
```
#2e5465 rgb(46,84,101)
```
#2e3965
```
#2e3965 rgb(46,57,101)
```

Analogous Color

#655b2e
```
#655b2e rgb(101,91,46)
```
#2e5465
```
#2e5465 rgb(46,84,101)
```
#652e39
```
#652e39 rgb(101,46,57)
```

Split Complementary Color

#54652e
```
#54652e rgb(84,101,46)
```
#2e5465
```
#2e5465 rgb(46,84,101)
```
#652e54
```
#652e54 rgb(101,46,84)
```

Triadic Color

#2e653f
```
#2e653f rgb(46,101,63)
```
#2e5465
```
#2e5465 rgb(46,84,101)
```
#652e54
```
#652e54 rgb(101,46,84)
```
#653f2e
```
#653f2e rgb(101,63,46)
```

Tetradic Color

#162830
```
#162830 rgb(22,40,48)
```
#1e3742
```
#1e3742 rgb(30,55,66)
```
#264553
```
#264553 rgb(38,69,83)
```
#2e5465
```
#2e5465 rgb(46,84,101)
```
#366377
```
#366377 rgb(54,99,119)
```
#3e7188
```
#3e7188 rgb(62,113,136)
```
#46809a
```
#46809a rgb(70,128,154)
```

Monochromatic Color

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

#2e6265
```
#2e6265 rgb(46,98,101)
```
#2e5d65
```
#2e5d65 rgb(46,93,101)
```
#2e5965
```
#2e5965 rgb(46,89,101)
```
#2e5465
```
#2e5465 rgb(46,84,101)
```
#2e4f65
```
#2e4f65 rgb(46,79,101)
```
#2e4b65
```
#2e4b65 rgb(46,75,101)
```
#2e4665
```
#2e4665 rgb(46,70,101)
```

Similar Colors

Text with hexadecimal color #2e5465

This text has a font color of #2e5465.

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

#2e5465 background color

This paragraph has a background color of #2e5465.

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

#2e5465 border color

This element has a border color of #2e5465.

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

CSS codes

.text {color:#2e5465;}

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

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

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

#030607
```
#030607 rgb(3,6,7)
```
#091114
```
#091114 rgb(9,17,20)
```
#0f1c22
```
#0f1c22 rgb(15,28,34)
```
#15272f
```
#15272f rgb(21,39,47)
```
#1c323d
```
#1c323d rgb(28,50,61)
```
#223e4a
```
#223e4a rgb(34,62,74)
```
#284958
```
#284958 rgb(40,73,88)
```
#2e5465
```
#2e5465 rgb(46,84,101)
```
#345f72
```
#345f72 rgb(52,95,114)
```
#3a6a80
```
#3a6a80 rgb(58,106,128)
```
#40768d
```
#40768d rgb(64,118,141)
```
#47819b
```
#47819b rgb(71,129,155)
```
#4d8ca8
```
#4d8ca8 rgb(77,140,168)
```

Shade Color Variation

#5696b2
```
#5696b2 rgb(86,150,178)
```
#649eb8
```
#649eb8 rgb(100,158,184)
```
#71a7bf
```
#71a7bf rgb(113,167,191)
```
#7fafc5
```
#7fafc5 rgb(127,175,197)
```
#8cb7cb
```
#8cb7cb rgb(140,183,203)
```
#9ac0d1
```
#9ac0d1 rgb(154,192,209)
```
#a7c8d7
```
#a7c8d7 rgb(167,200,215)
```
#b5d1dd
```
#b5d1dd rgb(181,209,221)
```
#c2d9e3
```
#c2d9e3 rgb(194,217,227)
```
#d0e2e9
```
#d0e2e9 rgb(208,226,233)
```
#ddeaf0
```
#ddeaf0 rgb(221,234,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 #016592 is the most saturated one.

#454b4e
```
#454b4e rgb(69,75,78)
```
#3f4e54
```
#3f4e54 rgb(63,78,84)
```
#39505a
```
#39505a rgb(57,80,90)
```
#34525f
```
#34525f rgb(52,82,95)
```
#2e5465
```
#2e5465 rgb(46,84,101)
```
#28566b
```
#28566b rgb(40,86,107)
```
#235870
```
#235870 rgb(35,88,112)
```
#1d5a76
```
#1d5a76 rgb(29,90,118)
```
#175d7c
```
#175d7c rgb(23,93,124)
```
#125f81
```
#125f81 rgb(18,95,129)
```
#0c6187
```
#0c6187 rgb(12,97,135)
```
#06638d
```
#06638d rgb(6,99,141)
```
#016592
```
#016592 rgb(1,101,146)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#454d50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#545769 Protanopia 1% of men
#53566f Deuteranopia 1% of men
#355e65 Tritanopia 0.001% of the population

Trichromacy

#465667 Protanomaly 1% of men, 0.01% of women
#45556b Deuteranomaly 6% of men, 0.4% of women
#325a65 Tritanomaly 0.01% of the population

#2e5465 hex color

#2e5465 Color Information

#2e5465 Color Conversion

Color Schemes with #2e5465

Alternatives to #2e5465

#2e5465 Preview

Shades and Tints of #2e5465

Tones of #2e5465

Color Blindness Simulator