#1d4170 hex color

In a RGB color space, hex #1d4170 is composed of 11.4% red, 25.5% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 42% magenta, 0% yellow and 56.1% black. It has a hue angle of 214 degrees, a saturation of 58.9% and a lightness of 27.6%. #1d4170 color hex could be obtained by blending #3a82e0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 11
- G 25
- B 44
RGB color chart
- C 74
- M 42
- Y 0
- K 56
CMYK color chart

● #1d4170 color description : Very dark blue.

The hexadecimal color #1d4170 has RGB values of R:29, G:65, B:112 and CMYK values of C:0.74, M:0.42, Y:0, K:0.56. Its decimal value is 1917296.

Hex triplet	1d4170	`#1d4170`
RGB Decimal	29, 65, 112	`rgb(29,65,112)`
RGB Percent	11.4, 25.5, 43.9	`rgb(11.4%,25.5%,43.9%)`
CMYK	74, 42, 0, 56
HSL	214°, 58.9, 27.6	`hsl(214,58.9%,27.6%)`
HSV (or HSB)	214°, 74.1, 43.9
Web Safe	333366	`#333366`

CIE-LAB	27.328, 4.513, -30.954
XYZ	5.321, 5.211, 16.054
xyY	0.2, 0.196, 5.211
CIE-LCH	27.328, 31.281, 278.295
CIE-LUV	27.328, -12.851, -39.819
Hunter-Lab	22.828, 1.657, -25.716
Binary	00011101, 01000001, 01110000

#1d4170
```
#1d4170 rgb(29,65,112)
```
#704c1d
```
#704c1d rgb(112,76,29)
```

Complementary Color

#1d6b70
```
#1d6b70 rgb(29,107,112)
```
#1d4170
```
#1d4170 rgb(29,65,112)
```
#231d70
```
#231d70 rgb(35,29,112)
```

Analogous Color

#6b701d
```
#6b701d rgb(107,112,29)
```
#1d4170
```
#1d4170 rgb(29,65,112)
```
#70231d
```
#70231d rgb(112,35,29)
```

Split Complementary Color

#41701d
```
#41701d rgb(65,112,29)
```
#1d4170
```
#1d4170 rgb(29,65,112)
```
#701d41
```
#701d41 rgb(112,29,65)
```

Triadic Color

#1d704c
```
#1d704c rgb(29,112,76)
```
#1d4170
```
#1d4170 rgb(29,65,112)
```
#701d41
```
#701d41 rgb(112,29,65)
```
#704c1d
```
#704c1d rgb(112,76,29)
```

Tetradic Color

#0d1e33
```
#0d1e33 rgb(13,30,51)
```
#132947
```
#132947 rgb(19,41,71)
```
#18355c
```
#18355c rgb(24,53,92)
```
#1d4170
```
#1d4170 rgb(29,65,112)
```
#224d84
```
#224d84 rgb(34,77,132)
```
#275999
```
#275999 rgb(39,89,153)
```
#2d64ad
```
#2d64ad rgb(45,100,173)
```

Monochromatic Color

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

#1d5670
```
#1d5670 rgb(29,86,112)
```
#1d4f70
```
#1d4f70 rgb(29,79,112)
```
#1d4870
```
#1d4870 rgb(29,72,112)
```
#1d4170
```
#1d4170 rgb(29,65,112)
```
#1d3a70
```
#1d3a70 rgb(29,58,112)
```
#1d3370
```
#1d3370 rgb(29,51,112)
```
#1d2c70
```
#1d2c70 rgb(29,44,112)
```

Similar Colors

Text with hexadecimal color #1d4170

This text has a font color of #1d4170.

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

#1d4170 background color

This paragraph has a background color of #1d4170.

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

#1d4170 border color

This element has a border color of #1d4170.

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

CSS codes

.text {color:#1d4170;}

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

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

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 #f2f6fc is the lightest one.

#010203
```
#010203 rgb(1,2,3)
```
#050b13
```
#050b13 rgb(5,11,19)
```
#091422
```
#091422 rgb(9,20,34)
```
#0d1d32
```
#0d1d32 rgb(13,29,50)
```
#112641
```
#112641 rgb(17,38,65)
```
#152f51
```
#152f51 rgb(21,47,81)
```
#193860
```
#193860 rgb(25,56,96)
```
#1d4170
```
#1d4170 rgb(29,65,112)
```
#214a80
```
#214a80 rgb(33,74,128)
```
#25538f
```
#25538f rgb(37,83,143)
```
#295c9f
```
#295c9f rgb(41,92,159)
```
#2d65ae
```
#2d65ae rgb(45,101,174)
```
#316ebe
```
#316ebe rgb(49,110,190)
```

Shade Color Variation

#3778cb
```
#3778cb rgb(55,120,203)
```
#4782cf
```
#4782cf rgb(71,130,207)
```
#578dd3
```
#578dd3 rgb(87,141,211)
```
#6697d7
```
#6697d7 rgb(102,151,215)
```
#76a2db
```
#76a2db rgb(118,162,219)
```
#85acdf
```
#85acdf rgb(133,172,223)
```
#95b7e4
```
#95b7e4 rgb(149,183,228)
```
#a4c2e8
```
#a4c2e8 rgb(164,194,232)
```
#b4ccec
```
#b4ccec rgb(180,204,236)
```
#c4d7f0
```
#c4d7f0 rgb(196,215,240)
```
#d3e1f4
```
#d3e1f4 rgb(211,225,244)
```
#e3ecf8
```
#e3ecf8 rgb(227,236,248)
```
#f2f6fc
```
#f2f6fc rgb(242,246,252)
```

Tint Color Variation

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

#43464a
```
#43464a rgb(67,70,74)
```
#3e454f
```
#3e454f rgb(62,69,79)
```
#384555
```
#384555 rgb(56,69,85)
```
#33445a
```
#33445a rgb(51,68,90)
```
#2d4360
```
#2d4360 rgb(45,67,96)
```
#284265
```
#284265 rgb(40,66,101)
```
#22426b
```
#22426b rgb(34,66,107)
```
#1d4170
```
#1d4170 rgb(29,65,112)
```
#184075
```
#184075 rgb(24,64,117)
```
#12407b
```
#12407b rgb(18,64,123)
```
#0d3f80
```
#0d3f80 rgb(13,63,128)
```
#073e86
```
#073e86 rgb(7,62,134)
```
#023d8b
```
#023d8b rgb(2,61,139)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#363d46 Atypical Achromatopsia 0.001% of the population

Dichromacy

#364975 Protanopia 1% of men
#274b77 Deuteranopia 1% of men
#005157 Tritanopia 0.001% of the population

Trichromacy

#2d4673 Protanomaly 1% of men, 0.01% of women
#234774 Deuteranomaly 6% of men, 0.4% of women
#0a4b60 Tritanomaly 0.01% of the population

#1d4170 hex color

#1d4170 Color Information

#1d4170 Color Conversion

Color Schemes with #1d4170

Alternatives to #1d4170

#1d4170 Preview

Shades and Tints of #1d4170

Tones of #1d4170

Color Blindness Simulator