#1d4387 hex color

In a RGB color space, hex #1d4387 is composed of 11.4% red, 26.3% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 78.5% cyan, 50.4% magenta, 0% yellow and 47.1% black. It has a hue angle of 218.5 degrees, a saturation of 64.6% and a lightness of 32.2%. #1d4387 color hex could be obtained by blending #3a86ff with #00000f. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 11
- G 26
- B 53
RGB color chart
- C 79
- M 50
- Y 0
- K 47
CMYK color chart

● #1d4387 color description : Dark blue.

The hexadecimal color #1d4387 has RGB values of R:29, G:67, B:135 and CMYK values of C:0.79, M:0.5, Y:0, K:0.47. Its decimal value is 1917831.

Hex triplet	1d4387	`#1d4387`
RGB Decimal	29, 67, 135	`rgb(29,67,135)`
RGB Percent	11.4, 26.3, 52.9	`rgb(11.4%,26.3%,52.9%)`
CMYK	79, 50, 0, 47
HSL	218.5°, 64.6, 32.2	`hsl(218.5,64.6%,32.2%)`
HSV (or HSB)	218.5°, 78.5, 52.9
Web Safe	333399	`#333399`

CIE-LAB	29.474, 12.433, -41.939
XYZ	6.886, 6.024, 23.72
xyY	0.188, 0.164, 6.024
CIE-LCH	29.474, 43.743, 286.513
CIE-LUV	29.474, -13.137, -56.092
Hunter-Lab	24.544, 7.126, -40.118
Binary	00011101, 01000011, 10000111

#1d4387
```
#1d4387 rgb(29,67,135)
```
#87611d
```
#87611d rgb(135,97,29)
```

Complementary Color

#1d7887
```
#1d7887 rgb(29,120,135)
```
#1d4387
```
#1d4387 rgb(29,67,135)
```
#2c1d87
```
#2c1d87 rgb(44,29,135)
```

Analogous Color

#78871d
```
#78871d rgb(120,135,29)
```
#1d4387
```
#1d4387 rgb(29,67,135)
```
#872c1d
```
#872c1d rgb(135,44,29)
```

Split Complementary Color

#43871d
```
#43871d rgb(67,135,29)
```
#1d4387
```
#1d4387 rgb(29,67,135)
```
#871d43
```
#871d43 rgb(135,29,67)
```

Triadic Color

#1d8761
```
#1d8761 rgb(29,135,97)
```
#1d4387
```
#1d4387 rgb(29,67,135)
```
#871d43
```
#871d43 rgb(135,29,67)
```
#87611d
```
#87611d rgb(135,97,29)
```

Tetradic Color

#0f2448
```
#0f2448 rgb(15,36,72)
```
#142e5d
```
#142e5d rgb(20,46,93)
```
#183972
```
#183972 rgb(24,57,114)
```
#1d4387
```
#1d4387 rgb(29,67,135)
```
#224d9c
```
#224d9c rgb(34,77,156)
```
#2658b1
```
#2658b1 rgb(38,88,177)
```
#2b62c6
```
#2b62c6 rgb(43,98,198)
```

Monochromatic Color

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

#1d5e87
```
#1d5e87 rgb(29,94,135)
```
#1d5587
```
#1d5587 rgb(29,85,135)
```
#1d4c87
```
#1d4c87 rgb(29,76,135)
```
#1d4387
```
#1d4387 rgb(29,67,135)
```
#1d3a87
```
#1d3a87 rgb(29,58,135)
```
#1d3187
```
#1d3187 rgb(29,49,135)
```
#1d2987
```
#1d2987 rgb(29,41,135)
```

Similar Colors

Text with hexadecimal color #1d4387

This text has a font color of #1d4387.

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

#1d4387 background color

This paragraph has a background color of #1d4387.

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

#1d4387 border color

This element has a border color of #1d4387.

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

CSS codes

.text {color:#1d4387;}

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

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

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)
```
#050b16
```
#050b16 rgb(5,11,22)
```
#081326
```
#081326 rgb(8,19,38)
```
#0c1b36
```
#0c1b36 rgb(12,27,54)
```
#0f2346
```
#0f2346 rgb(15,35,70)
```
#132b57
```
#132b57 rgb(19,43,87)
```
#163367
```
#163367 rgb(22,51,103)
```
#1a3b77
```
#1a3b77 rgb(26,59,119)
```
#1d4387
```
#1d4387 rgb(29,67,135)
```
#204b97
```
#204b97 rgb(32,75,151)
```
#2453a7
```
#2453a7 rgb(36,83,167)
```
#275bb7
```
#275bb7 rgb(39,91,183)
```
#2b63c8
```
#2b63c8 rgb(43,99,200)
```

Shade Color Variation

#336cd3
```
#336cd3 rgb(51,108,211)
```
#4378d7
```
#4378d7 rgb(67,120,215)
```
#5384da
```
#5384da rgb(83,132,218)
```
#638fde
```
#638fde rgb(99,143,222)
```
#749be1
```
#749be1 rgb(116,155,225)
```
#84a6e5
```
#84a6e5 rgb(132,166,229)
```
#94b2e8
```
#94b2e8 rgb(148,178,232)
```
#a4beeb
```
#a4beeb rgb(164,190,235)
```
#b4c9ef
```
#b4c9ef rgb(180,201,239)
```
#c4d5f2
```
#c4d5f2 rgb(196,213,242)
```
#d4e0f6
```
#d4e0f6 rgb(212,224,246)
```
#e5ecf9
```
#e5ecf9 rgb(229,236,249)
```
#f5f8fd
```
#f5f8fd rgb(245,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f5155 is the less saturated color, while #043ca0 is the most saturated one.

#4f5155
```
#4f5155 rgb(79,81,85)
```
#494f5b
```
#494f5b rgb(73,79,91)
```
#434e61
```
#434e61 rgb(67,78,97)
```
#3d4c67
```
#3d4c67 rgb(61,76,103)
```
#364a6e
```
#364a6e rgb(54,74,110)
```
#304874
```
#304874 rgb(48,72,116)
```
#2a477a
```
#2a477a rgb(42,71,122)
```
#234581
```
#234581 rgb(35,69,129)
```
#1d4387
```
#1d4387 rgb(29,67,135)
```
#17418d
```
#17418d rgb(23,65,141)
```
#103f94
```
#103f94 rgb(16,63,148)
```
#0a3e9a
```
#0a3e9a rgb(10,62,154)
```
#043ca0
```
#043ca0 rgb(4,60,160)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#38404d Atypical Achromatopsia 0.001% of the population

Dichromacy

#274c8d Protanopia 1% of men
#005085 Deuteranopia 1% of men
#00565c Tritanopia 0.001% of the population

Trichromacy

#23498b Protanomaly 1% of men, 0.01% of women
#0a4b85 Deuteranomaly 6% of men, 0.4% of women
#0a4f6b Tritanomaly 0.01% of the population

#1d4387 hex color

#1d4387 Color Information

#1d4387 Color Conversion

Color Schemes with #1d4387

Alternatives to #1d4387

#1d4387 Preview

Shades and Tints of #1d4387

Tones of #1d4387

Color Blindness Simulator