#1d4167 hex color

In a RGB color space, hex #1d4167 is composed of 11.4% red, 25.5% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 36.9% magenta, 0% yellow and 59.6% black. It has a hue angle of 210.8 degrees, a saturation of 56.1% and a lightness of 25.9%. #1d4167 color hex could be obtained by blending #3a82ce with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 11
- G 25
- B 40
RGB color chart
- C 72
- M 37
- Y 0
- K 60
CMYK color chart

● #1d4167 color description : Very dark blue.

The hexadecimal color #1d4167 has RGB values of R:29, G:65, B:103 and CMYK values of C:0.72, M:0.37, Y:0, K:0.6. Its decimal value is 1917287.

Hex triplet	1d4167	`#1d4167`
RGB Decimal	29, 65, 103	`rgb(29,65,103)`
RGB Percent	11.4, 25.5, 40.4	`rgb(11.4%,25.5%,40.4%)`
CMYK	72, 37, 0, 60
HSL	210.8°, 56.1, 25.9	`hsl(210.8,56.1%,25.9%)`
HSV (or HSB)	210.8°, 71.8, 40.4
Web Safe	333366	`#333366`

CIE-LAB	26.794, 0.93, -26.057
XYZ	4.845, 5.021, 13.545
xyY	0.207, 0.214, 5.021
CIE-LCH	26.794, 26.074, 272.044
CIE-LUV	26.794, -13.031, -32.828
Hunter-Lab	22.407, -0.619, -20.156
Binary	00011101, 01000001, 01100111

#1d4167
```
#1d4167 rgb(29,65,103)
```
#67431d
```
#67431d rgb(103,67,29)
```

Complementary Color

#1d6667
```
#1d6667 rgb(29,102,103)
```
#1d4167
```
#1d4167 rgb(29,65,103)
```
#1e1d67
```
#1e1d67 rgb(30,29,103)
```

Analogous Color

#66671d
```
#66671d rgb(102,103,29)
```
#1d4167
```
#1d4167 rgb(29,65,103)
```
#671e1d
```
#671e1d rgb(103,30,29)
```

Split Complementary Color

#41671d
```
#41671d rgb(65,103,29)
```
#1d4167
```
#1d4167 rgb(29,65,103)
```
#671d41
```
#671d41 rgb(103,29,65)
```

Triadic Color

#1d6743
```
#1d6743 rgb(29,103,67)
```
#1d4167
```
#1d4167 rgb(29,65,103)
```
#671d41
```
#671d41 rgb(103,29,65)
```
#67431d
```
#67431d rgb(103,67,29)
```

Tetradic Color

#0c1b2b
```
#0c1b2b rgb(12,27,43)
```
#12283f
```
#12283f rgb(18,40,63)
```
#173453
```
#173453 rgb(23,52,83)
```
#1d4167
```
#1d4167 rgb(29,65,103)
```
#234e7b
```
#234e7b rgb(35,78,123)
```
#285a8f
```
#285a8f rgb(40,90,143)
```
#2e67a3
```
#2e67a3 rgb(46,103,163)
```

Monochromatic Color

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

#1d5467
```
#1d5467 rgb(29,84,103)
```
#1d4d67
```
#1d4d67 rgb(29,77,103)
```
#1d4767
```
#1d4767 rgb(29,71,103)
```
#1d4167
```
#1d4167 rgb(29,65,103)
```
#1d3b67
```
#1d3b67 rgb(29,59,103)
```
#1d3567
```
#1d3567 rgb(29,53,103)
```
#1d2f67
```
#1d2f67 rgb(29,47,103)
```

Similar Colors

Text with hexadecimal color #1d4167

This text has a font color of #1d4167.

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

#1d4167 background color

This paragraph has a background color of #1d4167.

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

#1d4167 border color

This element has a border color of #1d4167.

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

CSS codes

.text {color:#1d4167;}

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

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

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, #03070b is the darkest color, while #fbfcfe is the lightest one.

#03070b
```
#03070b rgb(3,7,11)
```
#07111a
```
#07111a rgb(7,17,26)
```
#0c1a2a
```
#0c1a2a rgb(12,26,42)
```
#102439
```
#102439 rgb(16,36,57)
```
#142e48
```
#142e48 rgb(20,46,72)
```
#193758
```
#193758 rgb(25,55,88)
```
#1d4167
```
#1d4167 rgb(29,65,103)
```
#214b76
```
#214b76 rgb(33,75,118)
```
#265486
```
#265486 rgb(38,84,134)
```
#2a5e95
```
#2a5e95 rgb(42,94,149)
```
#2e68a4
```
#2e68a4 rgb(46,104,164)
```
#3371b4
```
#3371b4 rgb(51,113,180)
```
#377bc3
```
#377bc3 rgb(55,123,195)
```

Shade Color Variation

#4385ca
```
#4385ca rgb(67,133,202)
```
#528fce
```
#528fce rgb(82,143,206)
```
#6299d3
```
#6299d3 rgb(98,153,211)
```
#71a3d7
```
#71a3d7 rgb(113,163,215)
```
#80addb
```
#80addb rgb(128,173,219)
```
#90b7e0
```
#90b7e0 rgb(144,183,224)
```
#9fc1e4
```
#9fc1e4 rgb(159,193,228)
```
#aecbe8
```
#aecbe8 rgb(174,203,232)
```
#bed4ed
```
#bed4ed rgb(190,212,237)
```
#cddef1
```
#cddef1 rgb(205,222,241)
```
#dce8f5
```
#dce8f5 rgb(220,232,245)
```
#ecf2fa
```
#ecf2fa rgb(236,242,250)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#414243
```
#414243 rgb(65,66,67)
```
#3b4249
```
#3b4249 rgb(59,66,73)
```
#36424e
```
#36424e rgb(54,66,78)
```
#314253
```
#314253 rgb(49,66,83)
```
#2c4158
```
#2c4158 rgb(44,65,88)
```
#27415d
```
#27415d rgb(39,65,93)
```
#224162
```
#224162 rgb(34,65,98)
```
#1d4167
```
#1d4167 rgb(29,65,103)
```
#18416c
```
#18416c rgb(24,65,108)
```
#134171
```
#134171 rgb(19,65,113)
```
#0e4176
```
#0e4176 rgb(14,65,118)
```
#09407b
```
#09407b rgb(9,64,123)
```
#044080
```
#044080 rgb(4,64,128)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#353c44 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a486c Protanopia 1% of men
#31496f Deuteranopia 1% of men
#105056 Tritanopia 0.001% of the population

Trichromacy

#30456a Protanomaly 1% of men, 0.01% of women
#2a466c Deuteranomaly 6% of men, 0.4% of women
#154a5c Tritanomaly 0.01% of the population

#1d4167 hex color

#1d4167 Color Information

#1d4167 Color Conversion

Color Schemes with #1d4167

Alternatives to #1d4167

#1d4167 Preview

Shades and Tints of #1d4167

Tones of #1d4167

Color Blindness Simulator