colorhexa.com

#1e4986 hex color

In a RGB color space, hex #1e4986 is composed of 11.8% red, 28.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 45.5% magenta, 0% yellow and 47.5% black. It has a hue angle of 215.2 degrees, a saturation of 63.4% and a lightness of 32.2%. #1e4986 color hex could be obtained by blending #3c92ff with #00000d. Closest websafe color is: #333399.

- R 12
- G 29
- B 53
RGB color chart
- C 78
- M 46
- Y 0
- K 47
CMYK color chart

● #1e4986 color description : Dark blue.

The hexadecimal color #1e4986 has RGB values of R:30, G:73, B:134 and CMYK values of C:0.78, M:0.46, Y:0, K:0.47. Its decimal value is 1984902.

Hex triplet	1e4986	`#1e4986`
RGB Decimal	30, 73, 134	`rgb(30,73,134)`
RGB Percent	11.8, 28.6, 52.5	`rgb(11.8%,28.6%,52.5%)`
CMYK	78, 46, 0, 47
HSL	215.2°, 63.4, 32.2	`hsl(215.2,63.4%,32.2%)`
HSV (or HSB)	215.2°, 77.6, 52.5
Web Safe	333399	`#333399`

CIE-LAB	31.258, 8.057, -38.45
XYZ	7.22, 6.762, 23.478
xyY	0.193, 0.181, 6.762
CIE-LCH	31.258, 39.285, 281.835
CIE-LUV	31.258, -14.86, -52.221
Hunter-Lab	26.003, 4.056, -35.328
Binary	00011110, 01001001, 10000110

#1e4986
```
#1e4986 rgb(30,73,134)
```
#865b1e
```
#865b1e rgb(134,91,30)
```

Complementary Color

#1e7d86
```
#1e7d86 rgb(30,125,134)
```
#1e4986
```
#1e4986 rgb(30,73,134)
```
#271e86
```
#271e86 rgb(39,30,134)
```

Analogous Color

#7d861e
```
#7d861e rgb(125,134,30)
```
#1e4986
```
#1e4986 rgb(30,73,134)
```
#86271e
```
#86271e rgb(134,39,30)
```

Split Complementary Color

#49861e
```
#49861e rgb(73,134,30)
```
#1e4986
```
#1e4986 rgb(30,73,134)
```
#861e49
```
#861e49 rgb(134,30,73)
```

Triadic Color

#102747
```
#102747 rgb(16,39,71)
```
#15325c
```
#15325c rgb(21,50,92)
```
#193e71
```
#193e71 rgb(25,62,113)
```
#1e4986
```
#1e4986 rgb(30,73,134)
```
#23549b
```
#23549b rgb(35,84,155)
```
#2760b0
```
#2760b0 rgb(39,96,176)
```
#2c6bc5
```
#2c6bc5 rgb(44,107,197)
```

Monochromatic Color

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

#1e6386
```
#1e6386 rgb(30,99,134)
```
#1e5a86
```
#1e5a86 rgb(30,90,134)
```
#1e5286
```
#1e5286 rgb(30,82,134)
```
#1e4986
```
#1e4986 rgb(30,73,134)
```
#1e4086
```
#1e4086 rgb(30,64,134)
```
#1e3886
```
#1e3886 rgb(30,56,134)
```
#1e2f86
```
#1e2f86 rgb(30,47,134)
```

Similar Colors

Text with hexadecimal color #1e4986

This text has a font color of #1e4986.

<span style="color:#1e4986;">Text here</span>

#1e4986 background color

This paragraph has a background color of #1e4986.

<p style="background-color:#1e4986;">Content here</p>

#1e4986 border color

This element has a border color of #1e4986.

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

CSS codes

.text {color:#1e4986;}

.background {background-color:#1e4986;}

.border {border:1px solid #1e4986;}

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

#010306
```
#010306 rgb(1,3,6)
```
#050c16
```
#050c16 rgb(5,12,22)
```
#081526
```
#081526 rgb(8,21,38)
```
#0c1d36
```
#0c1d36 rgb(12,29,54)
```
#102646
```
#102646 rgb(16,38,70)
```
#132f56
```
#132f56 rgb(19,47,86)
```
#173866
```
#173866 rgb(23,56,102)
```
#1a4076
```
#1a4076 rgb(26,64,118)
```
#1e4986
```
#1e4986 rgb(30,73,134)
```
#225296
```
#225296 rgb(34,82,150)
```
#255aa6
```
#255aa6 rgb(37,90,166)
```
#2963b6
```
#2963b6 rgb(41,99,182)
```
#2c6cc6
```
#2c6cc6 rgb(44,108,198)
```

Shade Color Variation

#3475d2
```
#3475d2 rgb(52,117,210)
```
#4480d5
```
#4480d5 rgb(68,128,213)
```
#548bd9
```
#548bd9 rgb(84,139,217)
```
#6596dc
```
#6596dc rgb(101,150,220)
```
#75a1e0
```
#75a1e0 rgb(117,161,224)
```
#85ace4
```
#85ace4 rgb(133,172,228)
```
#95b7e7
```
#95b7e7 rgb(149,183,231)
```
#a5c2eb
```
#a5c2eb rgb(165,194,235)
```
#b5cdee
```
#b5cdee rgb(181,205,238)
```
#c5d7f2
```
#c5d7f2 rgb(197,215,242)
```
#d5e2f6
```
#d5e2f6 rgb(213,226,246)
```
#e5edf9
```
#e5edf9 rgb(229,237,249)
```
#f5f8fd
```
#f5f8fd rgb(245,248,253)
```

Tint Color Variation

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

#505254
```
#505254 rgb(80,82,84)
```
#4a515a
```
#4a515a rgb(74,81,90)
```
#445060
```
#445060 rgb(68,80,96)
```
#3e4e66
```
#3e4e66 rgb(62,78,102)
```
#374d6d
```
#374d6d rgb(55,77,109)
```
#314c73
```
#314c73 rgb(49,76,115)
```
#2b4b79
```
#2b4b79 rgb(43,75,121)
```
#244a80
```
#244a80 rgb(36,74,128)
```
#1e4986
```
#1e4986 rgb(30,73,134)
```
#18488c
```
#18488c rgb(24,72,140)
```
#114793
```
#114793 rgb(17,71,147)
```
#0b4699
```
#0b4699 rgb(11,70,153)
```
#05459f
```
#05459f rgb(5,69,159)
```

Tone Color Variation

Below, you can see how #1e4986 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

#434343 Achromatopsia 0.005% of the population
#3c4450 Atypical Achromatopsia 0.001% of the population

Dichromacy

#35518b Protanopia 1% of men
#15548b Deuteranopia 1% of men
#005b61 Tritanopia 0.001% of the population

Trichromacy

#2c4e89 Protanomaly 1% of men, 0.01% of women
#185089 Deuteranomaly 6% of men, 0.4% of women
#0a546e Tritanomaly 0.01% of the population