#1d4e93 hex color

In a RGB color space, hex #1d4e93 is composed of 11.4% red, 30.6% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 80.3% cyan, 46.9% magenta, 0% yellow and 42.4% black. It has a hue angle of 215.1 degrees, a saturation of 67% and a lightness of 34.5%. #1d4e93 color hex could be obtained by blending #3a9cff with #000027. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 11
- G 31
- B 58
RGB color chart
- C 80
- M 47
- Y 0
- K 42
CMYK color chart

● #1d4e93 color description : Dark blue.

The hexadecimal color #1d4e93 has RGB values of R:29, G:78, B:147 and CMYK values of C:0.8, M:0.47, Y:0, K:0.42. Its decimal value is 1920659.

Hex triplet	1d4e93	`#1d4e93`
RGB Decimal	29, 78, 147	`rgb(29,78,147)`
RGB Percent	11.4, 30.6, 57.6	`rgb(11.4%,30.6%,57.6%)`
CMYK	80, 47, 0, 42
HSL	215.1°, 67, 34.5	`hsl(215.1,67%,34.5%)`
HSV (or HSB)	215.1°, 80.3, 57.6
Web Safe	336699	`#336699`

CIE-LAB	33.596, 9.786, -42.668
XYZ	8.496, 7.816, 28.663
xyY	0.189, 0.174, 7.816
CIE-LCH	33.596, 43.776, 282.917
CIE-LUV	33.596, -16.301, -59.441
Hunter-Lab	27.957, 5.323, -41.218
Binary	00011101, 01001110, 10010011

#1d4e93
```
#1d4e93 rgb(29,78,147)
```
#93621d
```
#93621d rgb(147,98,29)
```

Complementary Color

#1d8993
```
#1d8993 rgb(29,137,147)
```
#1d4e93
```
#1d4e93 rgb(29,78,147)
```
#271d93
```
#271d93 rgb(39,29,147)
```

Analogous Color

#89931d
```
#89931d rgb(137,147,29)
```
#1d4e93
```
#1d4e93 rgb(29,78,147)
```
#93271d
```
#93271d rgb(147,39,29)
```

Split Complementary Color

#4e931d
```
#4e931d rgb(78,147,29)
```
#1d4e93
```
#1d4e93 rgb(29,78,147)
```
#931d4e
```
#931d4e rgb(147,29,78)
```

Triadic Color

#1d9362
```
#1d9362 rgb(29,147,98)
```
#1d4e93
```
#1d4e93 rgb(29,78,147)
```
#931d4e
```
#931d4e rgb(147,29,78)
```
#93621d
```
#93621d rgb(147,98,29)
```

Tetradic Color

#102c53
```
#102c53 rgb(16,44,83)
```
#153768
```
#153768 rgb(21,55,104)
```
#19437e
```
#19437e rgb(25,67,126)
```
#1d4e93
```
#1d4e93 rgb(29,78,147)
```
#2159a8
```
#2159a8 rgb(33,89,168)
```
#2565be
```
#2565be rgb(37,101,190)
```
#2a70d3
```
#2a70d3 rgb(42,112,211)
```

Monochromatic Color

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

#1d6c93
```
#1d6c93 rgb(29,108,147)
```
#1d6293
```
#1d6293 rgb(29,98,147)
```
#1d5893
```
#1d5893 rgb(29,88,147)
```
#1d4e93
```
#1d4e93 rgb(29,78,147)
```
#1d4493
```
#1d4493 rgb(29,68,147)
```
#1d3a93
```
#1d3a93 rgb(29,58,147)
```
#1d3193
```
#1d3193 rgb(29,49,147)
```

Similar Colors

Text with hexadecimal color #1d4e93

This text has a font color of #1d4e93.

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

#1d4e93 background color

This paragraph has a background color of #1d4e93.

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

#1d4e93 border color

This element has a border color of #1d4e93.

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

CSS codes

.text {color:#1d4e93;}

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

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

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

#030810
```
#030810 rgb(3,8,16)
```
#061120
```
#061120 rgb(6,17,32)
```
#0a1a31
```
#0a1a31 rgb(10,26,49)
```
#0d2341
```
#0d2341 rgb(13,35,65)
```
#102b51
```
#102b51 rgb(16,43,81)
```
#133462
```
#133462 rgb(19,52,98)
```
#173d72
```
#173d72 rgb(23,61,114)
```
#1a4583
```
#1a4583 rgb(26,69,131)
```
#1d4e93
```
#1d4e93 rgb(29,78,147)
```
#2057a3
```
#2057a3 rgb(32,87,163)
```
#235fb4
```
#235fb4 rgb(35,95,180)
```
#2768c4
```
#2768c4 rgb(39,104,196)
```
#2a71d5
```
#2a71d5 rgb(42,113,213)
```

Shade Color Variation

#3a7cd8
```
#3a7cd8 rgb(58,124,216)
```
#4a87db
```
#4a87db rgb(74,135,219)
```
#5b91df
```
#5b91df rgb(91,145,223)
```
#6b9ce2
```
#6b9ce2 rgb(107,156,226)
```
#7ba7e5
```
#7ba7e5 rgb(123,167,229)
```
#8cb2e8
```
#8cb2e8 rgb(140,178,232)
```
#9cbdec
```
#9cbdec rgb(156,189,236)
```
#adc8ef
```
#adc8ef rgb(173,200,239)
```
#bdd3f2
```
#bdd3f2 rgb(189,211,242)
```
#cddef5
```
#cddef5 rgb(205,222,245)
```
#dee9f8
```
#dee9f8 rgb(222,233,248)
```
#eef4fc
```
#eef4fc rgb(238,244,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #53575d is the less saturated color, while #0249ae is the most saturated one.

#53575d
```
#53575d rgb(83,87,93)
```
#4c5664
```
#4c5664 rgb(76,86,100)
```
#46556a
```
#46556a rgb(70,85,106)
```
#3f5471
```
#3f5471 rgb(63,84,113)
```
#385378
```
#385378 rgb(56,83,120)
```
#31517f
```
#31517f rgb(49,81,127)
```
#2b5085
```
#2b5085 rgb(43,80,133)
```
#244f8c
```
#244f8c rgb(36,79,140)
```
#1d4e93
```
#1d4e93 rgb(29,78,147)
```
#164d9a
```
#164d9a rgb(22,77,154)
```
#0f4ca1
```
#0f4ca1 rgb(15,76,161)
```
#094ba7
```
#094ba7 rgb(9,75,167)
```
#0249ae
```
#0249ae rgb(2,73,174)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#3f4856 Atypical Achromatopsia 0.001% of the population

Dichromacy

#345697 Protanopia 1% of men
#005995 Deuteranopia 1% of men
#006066 Tritanopia 0.001% of the population

Trichromacy

#2b5395 Protanomaly 1% of men, 0.01% of women
#0a5594 Deuteranomaly 6% of men, 0.4% of women
#0a5976 Tritanomaly 0.01% of the population

#1d4e93 hex color

#1d4e93 Color Information

#1d4e93 Color Conversion

Color Schemes with #1d4e93

Alternatives to #1d4e93

#1d4e93 Preview

Shades and Tints of #1d4e93

Tones of #1d4e93

Color Blindness Simulator