#2e5563 Color Information
In a RGB color space, hex #2e5563 is composed of 18% red, 33.3% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 53.5% cyan, 14.1% magenta, 0% yellow and 61.2% black. It has a hue angle of 195.8 degrees, a saturation of 36.6% and a lightness of 28.4%. #2e5563 color hex could be obtained by blending #5caac6 with #000000. Closest websafe color is: #336666.
-
- R 18
- G 33
- B 39
-
- C 54
- M 14
- Y 0
- K 61
● #2e5563 color description : Very dark desaturated blue.
#2e5563 Color Conversion
The hexadecimal color #2e5563 has RGB values of R:46, G:85, B:99 and CMYK values of C:0.54, M:0.14, Y:0, K:0.61. Its decimal value is 3036515.
Hex triplet | 2e5563 | #2e5563 |
---|---|---|
RGB Decimal | 46, 85, 99 | rgb(46,85,99) |
RGB Percent | 18, 33.3, 38.8 | rgb(18%,33.3%,38.8%) |
CMYK | 54, 14, 0, 61 | |
HSL | 195.8°, 36.6, 28.4 | hsl(195.8,36.6%,28.4%) |
HSV (or HSB) | 195.8°, 53.5, 38.8 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 33.938, -9.458, -12.369 |
---|---|
XYZ | 6.627, 7.978, 12.994 |
xyY | 0.24, 0.289, 7.978 |
CIE-LCH | 33.938, 15.571, 232.595 |
CIE-LUV | 33.938, -16.53, -14.959 |
Hunter-Lab | 28.246, -7.552, -7.504 |
Binary | 00101110, 01010101, 01100011 |
Color Schemes with #2e5563
Alternatives to #2e5563
Below, you can see some colors close to #2e5563. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2e5563 Preview
This text has a font color of #2e5563.
<span style="color:#2e5563;">Text here</span>
This paragraph has a background color of #2e5563.
<p style="background-color:#2e5563;">Content here</p>
This element has a border color of #2e5563.
<div style="border:1px solid #2e5563;">Content here</div>
.text {color:#2e5563;}
.background {background-color:#2e5563;}
.border {border:1px solid #2e5563;}
Shades and Tints of #2e5563
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, #020505 is the darkest color, while #f7fafb is the lightest one.
-
#020505
#020505
rgb(2,5,5)
-
#091013
#091013
rgb(9,16,19)
-
#0f1c20
#0f1c20
rgb(15,28,32)
-
#15272d
#15272d
rgb(21,39,45)
-
#1b333b
#1b333b
rgb(27,51,59)
-
#223e48
#223e48
rgb(34,62,72)
-
#284a56
#284a56
rgb(40,74,86)
-
#2e5563
#2e5563
rgb(46,85,99)
-
#346070
#346070
rgb(52,96,112)
-
#3a6c7e
#3a6c7e
rgb(58,108,126)
-
#41778b
#41778b
rgb(65,119,139)
-
#478399
#478399
rgb(71,131,153)
-
#4d8ea6
#4d8ea6
rgb(77,142,166)
-
#5699b1
#5699b1
rgb(86,153,177)
-
#64a1b7
#64a1b7
rgb(100,161,183)
-
#71a9bd
#71a9bd
rgb(113,169,189)
-
#7eb1c3
#7eb1c3
rgb(126,177,195)
-
#8cb9c9
#8cb9c9
rgb(140,185,201)
-
#99c1d0
#99c1d0
rgb(153,193,208)
-
#a7c9d6
#a7c9d6
rgb(167,201,214)
-
#b4d1dc
#b4d1dc
rgb(180,209,220)
-
#c1dae2
#c1dae2
rgb(193,218,226)
-
#cfe2e9
#cfe2e9
rgb(207,226,233)
-
#dceaef
#dceaef
rgb(220,234,239)
-
#e9f2f5
#e9f2f5
rgb(233,242,245)
-
#f7fafb
#f7fafb
rgb(247,250,251)
Tones of #2e5563
A tone is produced by adding gray to any pure hue. In this case, #444a4d is the less saturated color, while #016a90 is the most saturated one.
-
#444a4d
#444a4d
rgb(68,74,77)
-
#3f4d52
#3f4d52
rgb(63,77,82)
-
#395058
#395058
rgb(57,80,88)
-
#34525d
#34525d
rgb(52,82,93)
-
#2e5563
#2e5563
rgb(46,85,99)
-
#285869
#285869
rgb(40,88,105)
-
#235a6e
#235a6e
rgb(35,90,110)
-
#1d5d74
#1d5d74
rgb(29,93,116)
-
#186079
#186079
rgb(24,96,121)
-
#12627f
#12627f
rgb(18,98,127)
-
#0d6584
#0d6584
rgb(13,101,132)
-
#07678a
#07678a
rgb(7,103,138)
-
#016a90
#016a90
rgb(1,106,144)
Color Blindness Simulator
Below, you can see how #2e5563 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.