#1d4675 hex color

In a RGB color space, hex #1d4675 is composed of 11.4% red, 27.5% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 75.2% cyan, 40.2% magenta, 0% yellow and 54.1% black. It has a hue angle of 212 degrees, a saturation of 60.3% and a lightness of 28.6%. #1d4675 color hex could be obtained by blending #3a8cea with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 11
- G 27
- B 46
RGB color chart
- C 75
- M 40
- Y 0
- K 54
CMYK color chart

● #1d4675 color description : Dark blue.

The hexadecimal color #1d4675 has RGB values of R:29, G:70, B:117 and CMYK values of C:0.75, M:0.4, Y:0, K:0.54. Its decimal value is 1918581.

Hex triplet	1d4675	`#1d4675`
RGB Decimal	29, 70, 117	`rgb(29,70,117)`
RGB Percent	11.4, 27.5, 45.9	`rgb(11.4%,27.5%,45.9%)`
CMYK	75, 40, 0, 54
HSL	212°, 60.3, 28.6	`hsl(212,60.3%,28.6%)`
HSV (or HSB)	212°, 75.2, 45.9
Web Safe	333366	`#333366`

CIE-LAB	29.224, 3.123, -31.101
XYZ	5.907, 5.925, 17.661
xyY	0.2, 0.201, 5.925
CIE-LCH	29.224, 31.257, 275.734
CIE-LUV	29.224, -14.415, -40.821
Hunter-Lab	24.342, 0.717, -25.977
Binary	00011101, 01000110, 01110101

#1d4675
```
#1d4675 rgb(29,70,117)
```
#754c1d
```
#754c1d rgb(117,76,29)
```

Complementary Color

#1d7275
```
#1d7275 rgb(29,114,117)
```
#1d4675
```
#1d4675 rgb(29,70,117)
```
#201d75
```
#201d75 rgb(32,29,117)
```

Analogous Color

#72751d
```
#72751d rgb(114,117,29)
```
#1d4675
```
#1d4675 rgb(29,70,117)
```
#75201d
```
#75201d rgb(117,32,29)
```

Split Complementary Color

#46751d
```
#46751d rgb(70,117,29)
```
#1d4675
```
#1d4675 rgb(29,70,117)
```
#751d46
```
#751d46 rgb(117,29,70)
```

Triadic Color

#1d754c
```
#1d754c rgb(29,117,76)
```
#1d4675
```
#1d4675 rgb(29,70,117)
```
#751d46
```
#751d46 rgb(117,29,70)
```
#754c1d
```
#754c1d rgb(117,76,29)
```

Tetradic Color

#0e2138
```
#0e2138 rgb(14,33,56)
```
#132e4c
```
#132e4c rgb(19,46,76)
```
#183a61
```
#183a61 rgb(24,58,97)
```
#1d4675
```
#1d4675 rgb(29,70,117)
```
#225289
```
#225289 rgb(34,82,137)
```
#275e9e
```
#275e9e rgb(39,94,158)
```
#2c6bb2
```
#2c6bb2 rgb(44,107,178)
```

Monochromatic Color

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

#1d5c75
```
#1d5c75 rgb(29,92,117)
```
#1d5575
```
#1d5575 rgb(29,85,117)
```
#1d4d75
```
#1d4d75 rgb(29,77,117)
```
#1d4675
```
#1d4675 rgb(29,70,117)
```
#1d3f75
```
#1d3f75 rgb(29,63,117)
```
#1d3775
```
#1d3775 rgb(29,55,117)
```
#1d3075
```
#1d3075 rgb(29,48,117)
```

Similar Colors

Text with hexadecimal color #1d4675

This text has a font color of #1d4675.

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

#1d4675 background color

This paragraph has a background color of #1d4675.

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

#1d4675 border color

This element has a border color of #1d4675.

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

CSS codes

.text {color:#1d4675;}

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

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

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

#020407
```
#020407 rgb(2,4,7)
```
#060e17
```
#060e17 rgb(6,14,23)
```
#0a1726
```
#0a1726 rgb(10,23,38)
```
#0d2036
```
#0d2036 rgb(13,32,54)
```
#112a46
```
#112a46 rgb(17,42,70)
```
#153356
```
#153356 rgb(21,51,86)
```
#193d65
```
#193d65 rgb(25,61,101)
```
#1d4675
```
#1d4675 rgb(29,70,117)
```
#214f85
```
#214f85 rgb(33,79,133)
```
#255994
```
#255994 rgb(37,89,148)
```
#2962a4
```
#2962a4 rgb(41,98,164)
```
#2d6cb4
```
#2d6cb4 rgb(45,108,180)
```
#3075c4
```
#3075c4 rgb(48,117,196)
```

Shade Color Variation

#3a7fce
```
#3a7fce rgb(58,127,206)
```
#4989d2
```
#4989d2 rgb(73,137,210)
```
#5993d6
```
#5993d6 rgb(89,147,214)
```
#699dda
```
#699dda rgb(105,157,218)
```
#78a8de
```
#78a8de rgb(120,168,222)
```
#88b2e2
```
#88b2e2 rgb(136,178,226)
```
#98bce5
```
#98bce5 rgb(152,188,229)
```
#a8c6e9
```
#a8c6e9 rgb(168,198,233)
```
#b7d0ed
```
#b7d0ed rgb(183,208,237)
```
#c7dbf1
```
#c7dbf1 rgb(199,219,241)
```
#d7e5f5
```
#d7e5f5 rgb(215,229,245)
```
#e7eff9
```
#e7eff9 rgb(231,239,249)
```
#f6f9fd
```
#f6f9fd rgb(246,249,253)
```

Tint Color Variation

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

#44494e
```
#44494e rgb(68,73,78)
```
#3f4853
```
#3f4853 rgb(63,72,83)
```
#394859
```
#394859 rgb(57,72,89)
```
#33485f
```
#33485f rgb(51,72,95)
```
#2e4764
```
#2e4764 rgb(46,71,100)
```
#28476a
```
#28476a rgb(40,71,106)
```
#23466f
```
#23466f rgb(35,70,111)
```
#1d4675
```
#1d4675 rgb(29,70,117)
```
#17467b
```
#17467b rgb(23,70,123)
```
#124580
```
#124580 rgb(18,69,128)
```
#0c4586
```
#0c4586 rgb(12,69,134)
```
#07448b
```
#07448b rgb(7,68,139)
```
#014491
```
#014491 rgb(1,68,145)
```

Tone Color Variation

Below, you can see how #1d4675 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
#38404a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b4d7a Protanopia 1% of men
#2c4f7c Deuteranopia 1% of men
#00565c Tritanopia 0.001% of the population

Trichromacy

#304a78 Protanomaly 1% of men, 0.01% of women
#274b79 Deuteranomaly 6% of men, 0.4% of women
#0a5065 Tritanomaly 0.01% of the population

#1d4675 hex color

#1d4675 Color Information

#1d4675 Color Conversion

Color Schemes with #1d4675

Alternatives to #1d4675

#1d4675 Preview

Shades and Tints of #1d4675

Tones of #1d4675

Color Blindness Simulator