#2e5665 hex color

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

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

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

The hexadecimal color #2e5665 has RGB values of R:46, G:86, B:101 and CMYK values of C:0.54, M:0.15, Y:0, K:0.6. Its decimal value is 3036773.

Hex triplet	2e5665	`#2e5665`
RGB Decimal	46, 86, 101	`rgb(46,86,101)`
RGB Percent	18, 33.7, 39.6	`rgb(18%,33.7%,39.6%)`
CMYK	54, 15, 0, 60
HSL	196.4°, 37.4, 28.8	`hsl(196.4,37.4%,28.8%)`
HSV (or HSB)	196.4°, 54.5, 39.6
Web Safe	336666	`#336666`

CIE-LAB	34.346, -9.411, -13.001
XYZ	6.803, 8.176, 13.531
xyY	0.239, 0.287, 8.176
CIE-LCH	34.346, 16.05, 234.101
CIE-LUV	34.346, -16.877, -15.889
Hunter-Lab	28.593, -7.569, -8.042
Binary	00101110, 01010110, 01100101

#2e5665
```
#2e5665 rgb(46,86,101)
```
#653d2e
```
#653d2e rgb(101,61,46)
```

Complementary Color

#2e6559
```
#2e6559 rgb(46,101,89)
```
#2e5665
```
#2e5665 rgb(46,86,101)
```
#2e3b65
```
#2e3b65 rgb(46,59,101)
```

Analogous Color

#65592e
```
#65592e rgb(101,89,46)
```
#2e5665
```
#2e5665 rgb(46,86,101)
```
#652e3b
```
#652e3b rgb(101,46,59)
```

Split Complementary Color

#56652e
```
#56652e rgb(86,101,46)
```
#2e5665
```
#2e5665 rgb(46,86,101)
```
#652e56
```
#652e56 rgb(101,46,86)
```

Triadic Color

#2e653d
```
#2e653d rgb(46,101,61)
```
#2e5665
```
#2e5665 rgb(46,86,101)
```
#652e56
```
#652e56 rgb(101,46,86)
```
#653d2e
```
#653d2e rgb(101,61,46)
```

Tetradic Color

#162930
```
#162930 rgb(22,41,48)
```
#1e3842
```
#1e3842 rgb(30,56,66)
```
#264753
```
#264753 rgb(38,71,83)
```
#2e5665
```
#2e5665 rgb(46,86,101)
```
#366577
```
#366577 rgb(54,101,119)
```
#3e7488
```
#3e7488 rgb(62,116,136)
```
#46839a
```
#46839a rgb(70,131,154)
```

Monochromatic Color

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

#2e6465
```
#2e6465 rgb(46,100,101)
```
#2e5f65
```
#2e5f65 rgb(46,95,101)
```
#2e5b65
```
#2e5b65 rgb(46,91,101)
```
#2e5665
```
#2e5665 rgb(46,86,101)
```
#2e5165
```
#2e5165 rgb(46,81,101)
```
#2e4d65
```
#2e4d65 rgb(46,77,101)
```
#2e4865
```
#2e4865 rgb(46,72,101)
```

Similar Colors

Text with hexadecimal color #2e5665

This text has a font color of #2e5665.

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

#2e5665 background color

This paragraph has a background color of #2e5665.

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

#2e5665 border color

This element has a border color of #2e5665.

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

CSS codes

.text {color:#2e5665;}

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

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

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)
```
#0f1d22
```
#0f1d22 rgb(15,29,34)
```
#15282f
```
#15282f rgb(21,40,47)
```
#1c343d
```
#1c343d rgb(28,52,61)
```
#223f4a
```
#223f4a rgb(34,63,74)
```
#284b58
```
#284b58 rgb(40,75,88)
```
#2e5665
```
#2e5665 rgb(46,86,101)
```
#346172
```
#346172 rgb(52,97,114)
```
#3a6d80
```
#3a6d80 rgb(58,109,128)
```
#40788d
```
#40788d rgb(64,120,141)
```
#47849b
```
#47849b rgb(71,132,155)
```
#4d8fa8
```
#4d8fa8 rgb(77,143,168)
```

Shade Color Variation

#5699b2
```
#5699b2 rgb(86,153,178)
```
#64a1b8
```
#64a1b8 rgb(100,161,184)
```
#71a9bf
```
#71a9bf rgb(113,169,191)
```
#7fb2c5
```
#7fb2c5 rgb(127,178,197)
```
#8cbacb
```
#8cbacb rgb(140,186,203)
```
#9ac2d1
```
#9ac2d1 rgb(154,194,209)
```
#a7cad7
```
#a7cad7 rgb(167,202,215)
```
#b5d2dd
```
#b5d2dd rgb(181,210,221)
```
#c2dae3
```
#c2dae3 rgb(194,218,227)
```
#d0e2e9
```
#d0e2e9 rgb(208,226,233)
```
#ddebf0
```
#ddebf0 rgb(221,235,240)
```
#ebf3f6
```
#ebf3f6 rgb(235,243,246)
```
#f8fbfc
```
#f8fbfc rgb(248,251,252)
```

Tint Color Variation

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

#454c4e
```
#454c4e rgb(69,76,78)
```
#3f4e54
```
#3f4e54 rgb(63,78,84)
```
#39515a
```
#39515a rgb(57,81,90)
```
#34535f
```
#34535f rgb(52,83,95)
```
#2e5665
```
#2e5665 rgb(46,86,101)
```
#28596b
```
#28596b rgb(40,89,107)
```
#235b70
```
#235b70 rgb(35,91,112)
```
#1d5e76
```
#1d5e76 rgb(29,94,118)
```
#17607c
```
#17607c rgb(23,96,124)
```
#126381
```
#126381 rgb(18,99,129)
```
#0c6587
```
#0c6587 rgb(12,101,135)
```
#06688d
```
#06688d rgb(6,104,141)
```
#016b92
```
#016b92 rgb(1,107,146)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#464e51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#565969 Protanopia 1% of men
#56586f Deuteranopia 1% of men
#365f66 Tritanopia 0.001% of the population

Trichromacy

#475767 Protanomaly 1% of men, 0.01% of women
#47576b Deuteranomaly 6% of men, 0.4% of women
#335c66 Tritanomaly 0.01% of the population

#2e5665 hex color

#2e5665 Color Information

#2e5665 Color Conversion

Color Schemes with #2e5665

Alternatives to #2e5665

#2e5665 Preview

Shades and Tints of #2e5665

Tones of #2e5665

Color Blindness Simulator