colorhexa.com

#2e5966 hex color

In a RGB color space, hex #2e5966 is composed of 18% red, 34.9% green and 40% blue. Whereas in a CMYK color space, it is composed of 54.9% cyan, 12.7% magenta, 0% yellow and 60% black. It has a hue angle of 193.9 degrees, a saturation of 37.8% and a lightness of 29%. #2e5966 color hex could be obtained by blending #5cb2cc with #000000. Closest websafe color is: #336666.

- R 18
- G 35
- B 40
RGB color chart
- C 55
- M 13
- Y 0
- K 60
CMYK color chart

● #2e5966 color description : Very dark desaturated cyan.

The hexadecimal color #2e5966 has RGB values of R:46, G:89, B:102 and CMYK values of C:0.55, M:0.13, Y:0, K:0.6. Its decimal value is 3037542.

Hex triplet	2e5966	`#2e5966`
RGB Decimal	46, 89, 102	`rgb(46,89,102)`
RGB Percent	18, 34.9, 40	`rgb(18%,34.9%,40%)`
CMYK	55, 13, 0, 60
HSL	193.9°, 37.8, 29	`hsl(193.9,37.8%,29%)`
HSV (or HSB)	193.9°, 54.9, 40
Web Safe	336666	`#336666`

CIE-LAB	35.37, -10.876, -12.068
XYZ	7.097, 8.684, 13.872
xyY	0.239, 0.293, 8.684
CIE-LCH	35.37, 16.246, 227.975
CIE-LUV	35.37, -18.04, -14.547
Hunter-Lab	29.469, -8.586, -7.281
Binary	00101110, 01011001, 01100110

#2e5966
```
#2e5966 rgb(46,89,102)
```
#663b2e
```
#663b2e rgb(102,59,46)
```

Complementary Color

#2e6657
```
#2e6657 rgb(46,102,87)
```
#2e5966
```
#2e5966 rgb(46,89,102)
```
#2e3d66
```
#2e3d66 rgb(46,61,102)
```

Analogous Color

#66572e
```
#66572e rgb(102,87,46)
```
#2e5966
```
#2e5966 rgb(46,89,102)
```
#662e3d
```
#662e3d rgb(102,46,61)
```

Split Complementary Color

#59662e
```
#59662e rgb(89,102,46)
```
#2e5966
```
#2e5966 rgb(46,89,102)
```
#662e59
```
#662e59 rgb(102,46,89)
```

Triadic Color

#162b31
```
#162b31 rgb(22,43,49)
```
#1e3a43
```
#1e3a43 rgb(30,58,67)
```
#264a54
```
#264a54 rgb(38,74,84)
```
#2e5966
```
#2e5966 rgb(46,89,102)
```
#366878
```
#366878 rgb(54,104,120)
```
#3e7889
```
#3e7889 rgb(62,120,137)
```
#46879b
```
#46879b rgb(70,135,155)
```

Monochromatic Color

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

#2e6665
```
#2e6665 rgb(46,102,101)
```
#2e6266
```
#2e6266 rgb(46,98,102)
```
#2e5e66
```
#2e5e66 rgb(46,94,102)
```
#2e5966
```
#2e5966 rgb(46,89,102)
```
#2e5466
```
#2e5466 rgb(46,84,102)
```
#2e5066
```
#2e5066 rgb(46,80,102)
```
#2e4b66
```
#2e4b66 rgb(46,75,102)
```

Similar Colors

Text with hexadecimal color #2e5966

This text has a font color of #2e5966.

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

#2e5966 background color

This paragraph has a background color of #2e5966.

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

#2e5966 border color

This element has a border color of #2e5966.

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

CSS codes

.text {color:#2e5966;}

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

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

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 #f9fbfc is the lightest one.

#030607
```
#030607 rgb(3,6,7)
```
#091215
```
#091215 rgb(9,18,21)
```
#101e22
```
#101e22 rgb(16,30,34)
```
#162a30
```
#162a30 rgb(22,42,48)
```
#1c363d
```
#1c363d rgb(28,54,61)
```
#22414b
```
#22414b rgb(34,65,75)
```
#284d58
```
#284d58 rgb(40,77,88)
```
#2e5966
```
#2e5966 rgb(46,89,102)
```
#346574
```
#346574 rgb(52,101,116)
```
#3a7181
```
#3a7181 rgb(58,113,129)
```
#407c8f
```
#407c8f rgb(64,124,143)
```
#46889c
```
#46889c rgb(70,136,156)
```
#4c94aa
```
#4c94aa rgb(76,148,170)
```

Shade Color Variation

#579eb3
```
#579eb3 rgb(87,158,179)
```
#64a5b9
```
#64a5b9 rgb(100,165,185)
```
#72adbf
```
#72adbf rgb(114,173,191)
```
#7fb5c5
```
#7fb5c5 rgb(127,181,197)
```
#8dbdcb
```
#8dbdcb rgb(141,189,203)
```
#9ac5d2
```
#9ac5d2 rgb(154,197,210)
```
#a8cdd8
```
#a8cdd8 rgb(168,205,216)
```
#b5d4de
```
#b5d4de rgb(181,212,222)
```
#c3dce4
```
#c3dce4 rgb(195,220,228)
```
#d0e4ea
```
#d0e4ea rgb(208,228,234)
```
#deecf0
```
#deecf0 rgb(222,236,240)
```
#ebf4f6
```
#ebf4f6 rgb(235,244,246)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Tint Color Variation

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

#454d4f
```
#454d4f rgb(69,77,79)
```
#3f5055
```
#3f5055 rgb(63,80,85)
```
#39535b
```
#39535b rgb(57,83,91)
```
#345660
```
#345660 rgb(52,86,96)
```
#2e5966
```
#2e5966 rgb(46,89,102)
```
#285c6c
```
#285c6c rgb(40,92,108)
```
#235f71
```
#235f71 rgb(35,95,113)
```
#1d6277
```
#1d6277 rgb(29,98,119)
```
#17657d
```
#17657d rgb(23,101,125)
```
#126882
```
#126882 rgb(18,104,130)
```
#0c6b88
```
#0c6b88 rgb(12,107,136)
```
#066e8e
```
#066e8e rgb(6,110,142)
```
#007194
```
#007194 rgb(0,113,148)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#485053 Atypical Achromatopsia 0.001% of the population

Dichromacy

#595b6a Protanopia 1% of men
#595a70 Deuteranopia 1% of men
#366269 Tritanopia 0.001% of the population

Trichromacy

#495a68 Protanomaly 1% of men, 0.01% of women
#49596c Deuteranomaly 6% of men, 0.4% of women
#335e68 Tritanomaly 0.01% of the population