colorhexa.com

#1d4174 hex color

In a RGB color space, hex #1d4174 is composed of 11.4% red, 25.5% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 44% magenta, 0% yellow and 54.5% black. It has a hue angle of 215.2 degrees, a saturation of 60% and a lightness of 28.4%. #1d4174 color hex could be obtained by blending #3a82e8 with #000000. Closest websafe color is: #333366.

- R 11
- G 25
- B 45
RGB color chart
- C 75
- M 44
- Y 0
- K 55
CMYK color chart

● #1d4174 color description : Dark blue.

The hexadecimal color #1d4174 has RGB values of R:29, G:65, B:116 and CMYK values of C:0.75, M:0.44, Y:0, K:0.55. Its decimal value is 1917300.

Hex triplet	1d4174	`#1d4174`
RGB Decimal	29, 65, 116	`rgb(29,65,116)`
RGB Percent	11.4, 25.5, 45.5	`rgb(11.4%,25.5%,45.5%)`
CMYK	75, 44, 0, 55
HSL	215.2°, 60, 28.4	`hsl(215.2,60%,28.4%)`
HSV (or HSB)	215.2°, 75, 45.5
Web Safe	333366	`#333366`

CIE-LAB	27.579, 6.121, -33.089
XYZ	5.549, 5.302, 17.253
xyY	0.197, 0.189, 5.302
CIE-LCH	27.579, 33.651, 280.481
CIE-LUV	27.579, -12.781, -42.883
Hunter-Lab	23.027, 2.715, -28.305
Binary	00011101, 01000001, 01110100

#1d4174
```
#1d4174 rgb(29,65,116)
```
#74501d
```
#74501d rgb(116,80,29)
```

Complementary Color

#1d6d74
```
#1d6d74 rgb(29,109,116)
```
#1d4174
```
#1d4174 rgb(29,65,116)
```
#251d74
```
#251d74 rgb(37,29,116)
```

Analogous Color

#6d741d
```
#6d741d rgb(109,116,29)
```
#1d4174
```
#1d4174 rgb(29,65,116)
```
#74251d
```
#74251d rgb(116,37,29)
```

Split Complementary Color

#41741d
```
#41741d rgb(65,116,29)
```
#1d4174
```
#1d4174 rgb(29,65,116)
```
#741d41
```
#741d41 rgb(116,29,65)
```

Triadic Color

#0e1f37
```
#0e1f37 rgb(14,31,55)
```
#132a4b
```
#132a4b rgb(19,42,75)
```
#183660
```
#183660 rgb(24,54,96)
```
#1d4174
```
#1d4174 rgb(29,65,116)
```
#224c88
```
#224c88 rgb(34,76,136)
```
#27589d
```
#27589d rgb(39,88,157)
```
#2c63b1
```
#2c63b1 rgb(44,99,177)
```

Monochromatic Color

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

#1d5774
```
#1d5774 rgb(29,87,116)
```
#1d5074
```
#1d5074 rgb(29,80,116)
```
#1d4874
```
#1d4874 rgb(29,72,116)
```
#1d4174
```
#1d4174 rgb(29,65,116)
```
#1d3a74
```
#1d3a74 rgb(29,58,116)
```
#1d3374
```
#1d3374 rgb(29,51,116)
```
#1d2b74
```
#1d2b74 rgb(29,43,116)
```

Similar Colors

Text with hexadecimal color #1d4174

This text has a font color of #1d4174.

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

#1d4174 background color

This paragraph has a background color of #1d4174.

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

#1d4174 border color

This element has a border color of #1d4174.

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

CSS codes

.text {color:#1d4174;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#050c16
```
#050c16 rgb(5,12,22)
```
#091526
```
#091526 rgb(9,21,38)
```
#0d1e35
```
#0d1e35 rgb(13,30,53)
```
#112745
```
#112745 rgb(17,39,69)
```
#152f55
```
#152f55 rgb(21,47,85)
```
#193864
```
#193864 rgb(25,56,100)
```
#1d4174
```
#1d4174 rgb(29,65,116)
```
#214a84
```
#214a84 rgb(33,74,132)
```
#255393
```
#255393 rgb(37,83,147)
```
#295ba3
```
#295ba3 rgb(41,91,163)
```
#2d64b3
```
#2d64b3 rgb(45,100,179)
```
#316dc2
```
#316dc2 rgb(49,109,194)
```

Shade Color Variation

#3977ce
```
#3977ce rgb(57,119,206)
```
#4981d1
```
#4981d1 rgb(73,129,209)
```
#598cd5
```
#598cd5 rgb(89,140,213)
```
#6897d9
```
#6897d9 rgb(104,151,217)
```
#78a2dd
```
#78a2dd rgb(120,162,221)
```
#88ade1
```
#88ade1 rgb(136,173,225)
```
#97b7e5
```
#97b7e5 rgb(151,183,229)
```
#a7c2e9
```
#a7c2e9 rgb(167,194,233)
```
#b7cded
```
#b7cded rgb(183,205,237)
```
#c6d8f1
```
#c6d8f1 rgb(198,216,241)
```
#d6e3f5
```
#d6e3f5 rgb(214,227,245)
```
#e6eef9
```
#e6eef9 rgb(230,238,249)
```
#f5f8fd
```
#f5f8fd rgb(245,248,253)
```

Tint Color Variation

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

#44484d
```
#44484d rgb(68,72,77)
```
#3e4753
```
#3e4753 rgb(62,71,83)
```
#394658
```
#394658 rgb(57,70,88)
```
#33455e
```
#33455e rgb(51,69,94)
```
#2e4463
```
#2e4463 rgb(46,68,99)
```
#284369
```
#284369 rgb(40,67,105)
```
#23426e
```
#23426e rgb(35,66,110)
```
#1d4174
```
#1d4174 rgb(29,65,116)
```
#17407a
```
#17407a rgb(23,64,122)
```
#123f7f
```
#123f7f rgb(18,63,127)
```
#0c3e85
```
#0c3e85 rgb(12,62,133)
```
#073d8a
```
#073d8a rgb(7,61,138)
```
#013c90
```
#013c90 rgb(1,60,144)
```

Tone Color Variation

Below, you can see how #1d4174 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
#363d47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#33497a Protanopia 1% of men
#214b7a Deuteranopia 1% of men
#005258 Tritanopia 0.001% of the population

Trichromacy

#2b4677 Protanomaly 1% of men, 0.01% of women
#1f4778 Deuteranomaly 6% of men, 0.4% of women
#0a4c62 Tritanomaly 0.01% of the population