#2e5086 hex color

In a RGB color space, hex #2e5086 is composed of 18% red, 31.4% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 40.3% magenta, 0% yellow and 47.5% black. It has a hue angle of 216.8 degrees, a saturation of 48.9% and a lightness of 35.3%. #2e5086 color hex could be obtained by blending #5ca0ff with #00000d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 31
- B 53
RGB color chart
- C 66
- M 40
- Y 0
- K 47
CMYK color chart

● #2e5086 color description : Dark moderate blue.

The hexadecimal color #2e5086 has RGB values of R:46, G:80, B:134 and CMYK values of C:0.66, M:0.4, Y:0, K:0.47. Its decimal value is 3035270.

Hex triplet	2e5086	`#2e5086`
RGB Decimal	46, 80, 134	`rgb(46,80,134)`
RGB Percent	18, 31.4, 52.5	`rgb(18%,31.4%,52.5%)`
CMYK	66, 40, 0, 47
HSL	216.8°, 48.9, 35.3	`hsl(216.8,48.9%,35.3%)`
HSV (or HSB)	216.8°, 65.7, 52.5
Web Safe	336699	`#336699`

CIE-LAB	34.064, 6.014, -33.935
XYZ	8.297, 8.039, 23.667
xyY	0.207, 0.201, 8.039
CIE-LCH	34.064, 34.464, 280.049
CIE-LUV	34.064, -14.079, -47.106
Hunter-Lab	28.353, 2.621, -29.645
Binary	00101110, 01010000, 10000110

#2e5086
```
#2e5086 rgb(46,80,134)
```
#86642e
```
#86642e rgb(134,100,46)
```

Complementary Color

#2e7c86
```
#2e7c86 rgb(46,124,134)
```
#2e5086
```
#2e5086 rgb(46,80,134)
```
#382e86
```
#382e86 rgb(56,46,134)
```

Analogous Color

#7c862e
```
#7c862e rgb(124,134,46)
```
#2e5086
```
#2e5086 rgb(46,80,134)
```
#86382e
```
#86382e rgb(134,56,46)
```

Split Complementary Color

#50862e
```
#50862e rgb(80,134,46)
```
#2e5086
```
#2e5086 rgb(46,80,134)
```
#862e50
```
#862e50 rgb(134,46,80)
```

Triadic Color

#2e8664
```
#2e8664 rgb(46,134,100)
```
#2e5086
```
#2e5086 rgb(46,80,134)
```
#862e50
```
#862e50 rgb(134,46,80)
```
#86642e
```
#86642e rgb(134,100,46)
```

Tetradic Color

#1a2e4d
```
#1a2e4d rgb(26,46,77)
```
#213960
```
#213960 rgb(33,57,96)
```
#274573
```
#274573 rgb(39,69,115)
```
#2e5086
```
#2e5086 rgb(46,80,134)
```
#355b99
```
#355b99 rgb(53,91,153)
```
#3b67ac
```
#3b67ac rgb(59,103,172)
```
#4272be
```
#4272be rgb(66,114,190)
```

Monochromatic Color

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

#2e6686
```
#2e6686 rgb(46,102,134)
```
#2e5f86
```
#2e5f86 rgb(46,95,134)
```
#2e5786
```
#2e5786 rgb(46,87,134)
```
#2e5086
```
#2e5086 rgb(46,80,134)
```
#2e4986
```
#2e4986 rgb(46,73,134)
```
#2e4186
```
#2e4186 rgb(46,65,134)
```
#2e3a86
```
#2e3a86 rgb(46,58,134)
```

Similar Colors

Text with hexadecimal color #2e5086

This text has a font color of #2e5086.

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

#2e5086 background color

This paragraph has a background color of #2e5086.

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

#2e5086 border color

This element has a border color of #2e5086.

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

CSS codes

.text {color:#2e5086;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#060a11
```
#060a11 rgb(6,10,17)
```
#0b1320
```
#0b1320 rgb(11,19,32)
```
#101c2e
```
#101c2e rgb(16,28,46)
```
#15243d
```
#15243d rgb(21,36,61)
```
#1a2d4c
```
#1a2d4c rgb(26,45,76)
```
#1f365a
```
#1f365a rgb(31,54,90)
```
#243f69
```
#243f69 rgb(36,63,105)
```
#294777
```
#294777 rgb(41,71,119)
```
#2e5086
```
#2e5086 rgb(46,80,134)
```
#335995
```
#335995 rgb(51,89,149)
```
#3861a3
```
#3861a3 rgb(56,97,163)
```
#3d6ab2
```
#3d6ab2 rgb(61,106,178)
```

Shade Color Variation

#4473bf
```
#4473bf rgb(68,115,191)
```
#527ec4
```
#527ec4 rgb(82,126,196)
```
#6189c9
```
#6189c9 rgb(97,137,201)
```
#7094ce
```
#7094ce rgb(112,148,206)
```
#7e9fd3
```
#7e9fd3 rgb(126,159,211)
```
#8daad8
```
#8daad8 rgb(141,170,216)
```
#9bb5dd
```
#9bb5dd rgb(155,181,221)
```
#aac0e2
```
#aac0e2 rgb(170,192,226)
```
#b9cae7
```
#b9cae7 rgb(185,202,231)
```
#c7d5ec
```
#c7d5ec rgb(199,213,236)
```
#d6e0f1
```
#d6e0f1 rgb(214,224,241)
```
#e4ebf6
```
#e4ebf6 rgb(228,235,246)
```
#f3f6fb
```
#f3f6fb rgb(243,246,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #58595c is the less saturated color, while #0447b0 is the most saturated one.

#58595c
```
#58595c rgb(88,89,92)
```
#515863
```
#515863 rgb(81,88,99)
```
#4a566a
```
#4a566a rgb(74,86,106)
```
#435571
```
#435571 rgb(67,85,113)
```
#3c5378
```
#3c5378 rgb(60,83,120)
```
#35527f
```
#35527f rgb(53,82,127)
```
#2e5086
```
#2e5086 rgb(46,80,134)
```
#274e8d
```
#274e8d rgb(39,78,141)
```
#204d94
```
#204d94 rgb(32,77,148)
```
#194b9b
```
#194b9b rgb(25,75,155)
```
#124aa2
```
#124aa2 rgb(18,74,162)
```
#0b48a9
```
#0b48a9 rgb(11,72,169)
```
#0447b0
```
#0447b0 rgb(4,71,176)
```

Tone Color Variation

Below, you can see how #2e5086 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
#464d58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#42578b Protanopia 1% of men
#35598c Deuteranopia 1% of men
#1e6168 Tritanopia 0.001% of the population

Trichromacy

#3b5489 Protanomaly 1% of men, 0.01% of women
#325689 Deuteranomaly 6% of men, 0.4% of women
#235a73 Tritanomaly 0.01% of the population

#2e5086 hex color

#2e5086 Color Information

#2e5086 Color Conversion

Color Schemes with #2e5086

Alternatives to #2e5086

#2e5086 Preview

Shades and Tints of #2e5086

Tones of #2e5086

Color Blindness Simulator