#1d4593 hex color

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

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

● #1d4593 color description : Dark blue.

The hexadecimal color #1d4593 has RGB values of R:29, G:69, B:147 and CMYK values of C:0.8, M:0.53, Y:0, K:0.42. Its decimal value is 1918355.

Hex triplet	1d4593	`#1d4593`
RGB Decimal	29, 69, 147	`rgb(29,69,147)`
RGB Percent	11.4, 27.1, 57.6	`rgb(11.4%,27.1%,57.6%)`
CMYK	80, 53, 0, 42
HSL	219.7°, 67, 34.5	`hsl(219.7,67%,34.5%)`
HSV (or HSB)	219.7°, 80.3, 57.6
Web Safe	333399	`#333399`

CIE-LAB	30.934, 15.906, -46.962
XYZ	7.9, 6.623, 28.464
xyY	0.184, 0.154, 6.623
CIE-LCH	30.934, 49.582, 288.711
CIE-LUV	30.934, -13.594, -63.9
Hunter-Lab	25.736, 9.756, -47.56
Binary	00011101, 01000101, 10010011

#1d4593
```
#1d4593 rgb(29,69,147)
```
#936b1d
```
#936b1d rgb(147,107,29)
```

Complementary Color

#1d8093
```
#1d8093 rgb(29,128,147)
```
#1d4593
```
#1d4593 rgb(29,69,147)
```
#301d93
```
#301d93 rgb(48,29,147)
```

Analogous Color

#80931d
```
#80931d rgb(128,147,29)
```
#1d4593
```
#1d4593 rgb(29,69,147)
```
#93301d
```
#93301d rgb(147,48,29)
```

Split Complementary Color

#45931d
```
#45931d rgb(69,147,29)
```
#1d4593
```
#1d4593 rgb(29,69,147)
```
#931d45
```
#931d45 rgb(147,29,69)
```

Triadic Color

#1d936b
```
#1d936b rgb(29,147,107)
```
#1d4593
```
#1d4593 rgb(29,69,147)
```
#931d45
```
#931d45 rgb(147,29,69)
```
#936b1d
```
#936b1d rgb(147,107,29)
```

Tetradic Color

#102753
```
#102753 rgb(16,39,83)
```
#153168
```
#153168 rgb(21,49,104)
```
#193b7e
```
#193b7e rgb(25,59,126)
```
#1d4593
```
#1d4593 rgb(29,69,147)
```
#214fa8
```
#214fa8 rgb(33,79,168)
```
#2559be
```
#2559be rgb(37,89,190)
```
#2a63d3
```
#2a63d3 rgb(42,99,211)
```

Monochromatic Color

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

#1d6293
```
#1d6293 rgb(29,98,147)
```
#1d5993
```
#1d5993 rgb(29,89,147)
```
#1d4f93
```
#1d4f93 rgb(29,79,147)
```
#1d4593
```
#1d4593 rgb(29,69,147)
```
#1d3b93
```
#1d3b93 rgb(29,59,147)
```
#1d3193
```
#1d3193 rgb(29,49,147)
```
#1d2893
```
#1d2893 rgb(29,40,147)
```

Similar Colors

Text with hexadecimal color #1d4593

This text has a font color of #1d4593.

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

#1d4593 background color

This paragraph has a background color of #1d4593.

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

#1d4593 border color

This element has a border color of #1d4593.

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

CSS codes

.text {color:#1d4593;}

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

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

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

#030710
```
#030710 rgb(3,7,16)
```
#060f20
```
#060f20 rgb(6,15,32)
```
#0a1731
```
#0a1731 rgb(10,23,49)
```
#0d1f41
```
#0d1f41 rgb(13,31,65)
```
#102651
```
#102651 rgb(16,38,81)
```
#132e62
```
#132e62 rgb(19,46,98)
```
#173672
```
#173672 rgb(23,54,114)
```
#1a3d83
```
#1a3d83 rgb(26,61,131)
```
#1d4593
```
#1d4593 rgb(29,69,147)
```
#204da3
```
#204da3 rgb(32,77,163)
```
#2354b4
```
#2354b4 rgb(35,84,180)
```
#275cc4
```
#275cc4 rgb(39,92,196)
```
#2a64d5
```
#2a64d5 rgb(42,100,213)
```

Shade Color Variation

#3a70d8
```
#3a70d8 rgb(58,112,216)
```
#4a7bdb
```
#4a7bdb rgb(74,123,219)
```
#5b87df
```
#5b87df rgb(91,135,223)
```
#6b93e2
```
#6b93e2 rgb(107,147,226)
```
#7b9fe5
```
#7b9fe5 rgb(123,159,229)
```
#8cabe8
```
#8cabe8 rgb(140,171,232)
```
#9cb7ec
```
#9cb7ec rgb(156,183,236)
```
#adc3ef
```
#adc3ef rgb(173,195,239)
```
#bdcff2
```
#bdcff2 rgb(189,207,242)
```
#cddbf5
```
#cddbf5 rgb(205,219,245)
```
#dee7f8
```
#dee7f8 rgb(222,231,248)
```
#eef3fc
```
#eef3fc rgb(238,243,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#53565d
```
#53565d rgb(83,86,93)
```
#4c5464
```
#4c5464 rgb(76,84,100)
```
#46526a
```
#46526a rgb(70,82,106)
```
#3f5071
```
#3f5071 rgb(63,80,113)
```
#384e78
```
#384e78 rgb(56,78,120)
```
#314c7f
```
#314c7f rgb(49,76,127)
```
#2b4985
```
#2b4985 rgb(43,73,133)
```
#24478c
```
#24478c rgb(36,71,140)
```
#1d4593
```
#1d4593 rgb(29,69,147)
```
#16439a
```
#16439a rgb(22,67,154)
```
#0f41a1
```
#0f41a1 rgb(15,65,161)
```
#093ea7
```
#093ea7 rgb(9,62,167)
```
#023cae
```
#023cae rgb(2,60,174)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3b4352 Atypical Achromatopsia 0.001% of the population

Dichromacy

#194f99 Protanopia 1% of men
#005489 Deuteranopia 1% of men
#005a5f Tritanopia 0.001% of the population

Trichromacy

#1a4b97 Protanomaly 1% of men, 0.01% of women
#0a4e8d Deuteranomaly 6% of men, 0.4% of women
#0a5272 Tritanomaly 0.01% of the population

#1d4593 hex color

#1d4593 Color Information

#1d4593 Color Conversion

Color Schemes with #1d4593

Alternatives to #1d4593

#1d4593 Preview

Shades and Tints of #1d4593

Tones of #1d4593

Color Blindness Simulator