colorhexa.com

#2e5c81 hex color

In a RGB color space, hex #2e5c81 is composed of 18% red, 36.1% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 28.7% magenta, 0% yellow and 49.4% black. It has a hue angle of 206.7 degrees, a saturation of 47.4% and a lightness of 34.3%. #2e5c81 color hex could be obtained by blending #5cb8ff with #000003. Closest websafe color is: #336699.

- R 18
- G 36
- B 51
RGB color chart
- C 64
- M 29
- Y 0
- K 49
CMYK color chart

● #2e5c81 color description : Dark moderate blue.

The hexadecimal color #2e5c81 has RGB values of R:46, G:92, B:129 and CMYK values of C:0.64, M:0.29, Y:0, K:0.49. Its decimal value is 3038337.

Hex triplet	2e5c81	`#2e5c81`
RGB Decimal	46, 92, 129	`rgb(46,92,129)`
RGB Percent	18, 36.1, 50.6	`rgb(18%,36.1%,50.6%)`
CMYK	64, 29, 0, 49
HSL	206.7°, 47.4, 34.3	`hsl(206.7,47.4%,34.3%)`
HSV (or HSB)	206.7°, 64.3, 50.6
Web Safe	336699	`#336699`

CIE-LAB	37.517, -3.495, -25.432
XYZ	8.915, 9.82, 22.193
xyY	0.218, 0.24, 9.82
CIE-LCH	37.517, 25.671, 262.176
CIE-LUV	37.517, -18.421, -34.947
Hunter-Lab	31.336, -4.054, -20.056
Binary	00101110, 01011100, 10000001

#2e5c81
```
#2e5c81 rgb(46,92,129)
```
#81532e
```
#81532e rgb(129,83,46)
```

Complementary Color

#2e817d
```
#2e817d rgb(46,129,125)
```
#2e5c81
```
#2e5c81 rgb(46,92,129)
```
#2e3381
```
#2e3381 rgb(46,51,129)
```

Analogous Color

#817d2e
```
#817d2e rgb(129,125,46)
```
#2e5c81
```
#2e5c81 rgb(46,92,129)
```
#812e33
```
#812e33 rgb(129,46,51)
```

Split Complementary Color

#5c812e
```
#5c812e rgb(92,129,46)
```
#2e5c81
```
#2e5c81 rgb(46,92,129)
```
#812e5c
```
#812e5c rgb(129,46,92)
```

Triadic Color

#1a3449
```
#1a3449 rgb(26,52,73)
```
#21415b
```
#21415b rgb(33,65,91)
```
#274f6e
```
#274f6e rgb(39,79,110)
```
#2e5c81
```
#2e5c81 rgb(46,92,129)
```
#356994
```
#356994 rgb(53,105,148)
```
#3b77a7
```
#3b77a7 rgb(59,119,167)
```
#4284b9
```
#4284b9 rgb(66,132,185)
```

Monochromatic Color

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

#2e7181
```
#2e7181 rgb(46,113,129)
```
#2e6a81
```
#2e6a81 rgb(46,106,129)
```
#2e6381
```
#2e6381 rgb(46,99,129)
```
#2e5c81
```
#2e5c81 rgb(46,92,129)
```
#2e5581
```
#2e5581 rgb(46,85,129)
```
#2e4e81
```
#2e4e81 rgb(46,78,129)
```
#2e4781
```
#2e4781 rgb(46,71,129)
```

Similar Colors

Text with hexadecimal color #2e5c81

This text has a font color of #2e5c81.

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

#2e5c81 background color

This paragraph has a background color of #2e5c81.

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

#2e5c81 border color

This element has a border color of #2e5c81.

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

CSS codes

.text {color:#2e5c81;}

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

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

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, #050a0d is the darkest color, while #fefeff is the lightest one.

#050a0d
```
#050a0d rgb(5,10,13)
```
#0a141c
```
#0a141c rgb(10,20,28)
```
#0f1e2a
```
#0f1e2a rgb(15,30,42)
```
#142839
```
#142839 rgb(20,40,57)
```
#193347
```
#193347 rgb(25,51,71)
```
#1f3d56
```
#1f3d56 rgb(31,61,86)
```
#244764
```
#244764 rgb(36,71,100)
```
#295273
```
#295273 rgb(41,82,115)
```
#2e5c81
```
#2e5c81 rgb(46,92,129)
```
#33668f
```
#33668f rgb(51,102,143)
```
#38719e
```
#38719e rgb(56,113,158)
```
#3d7bac
```
#3d7bac rgb(61,123,172)
```
#4385bb
```
#4385bb rgb(67,133,187)
```

Shade Color Variation

#508fc1
```
#508fc1 rgb(80,143,193)
```
#5f98c6
```
#5f98c6 rgb(95,152,198)
```
#6da1cb
```
#6da1cb rgb(109,161,203)
```
#7cabd0
```
#7cabd0 rgb(124,171,208)
```
#8ab4d5
```
#8ab4d5 rgb(138,180,213)
```
#99bddb
```
#99bddb rgb(153,189,219)
```
#a7c6e0
```
#a7c6e0 rgb(167,198,224)
```
#b6d0e5
```
#b6d0e5 rgb(182,208,229)
```
#c4d9ea
```
#c4d9ea rgb(196,217,234)
```
#d2e2ef
```
#d2e2ef rgb(210,226,239)
```
#e1ecf4
```
#e1ecf4 rgb(225,236,244)
```
#eff5f9
```
#eff5f9 rgb(239,245,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#565859
```
#565859 rgb(86,88,89)
```
#50585f
```
#50585f rgb(80,88,95)
```
#495966
```
#495966 rgb(73,89,102)
```
#425a6d
```
#425a6d rgb(66,90,109)
```
#3b5b74
```
#3b5b74 rgb(59,91,116)
```
#355b7a
```
#355b7a rgb(53,91,122)
```
#2e5c81
```
#2e5c81 rgb(46,92,129)
```
#275d88
```
#275d88 rgb(39,93,136)
```
#215d8e
```
#215d8e rgb(33,93,142)
```
#1a5e95
```
#1a5e95 rgb(26,94,149)
```
#135f9c
```
#135f9c rgb(19,95,156)
```
#0c60a3
```
#0c60a3 rgb(12,96,163)
```
#0660a9
```
#0660a9 rgb(6,96,169)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4b545b Atypical Achromatopsia 0.001% of the population

Dichromacy

#545f84 Protanopia 1% of men
#4e6089 Deuteranopia 1% of men
#2a6970 Tritanopia 0.001% of the population

Trichromacy

#465e83 Protanomaly 1% of men, 0.01% of women
#425e86 Deuteranomaly 6% of men, 0.4% of women
#2b6476 Tritanomaly 0.01% of the population