#1d4ea4 hex color

In a RGB color space, hex #1d4ea4 is composed of 11.4% red, 30.6% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 82.3% cyan, 52.4% magenta, 0% yellow and 35.7% black. It has a hue angle of 218.2 degrees, a saturation of 69.9% and a lightness of 37.8%. #1d4ea4 color hex could be obtained by blending #3a9cff with #000049. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 11
- G 31
- B 64
RGB color chart
- C 82
- M 52
- Y 0
- K 36
CMYK color chart

● #1d4ea4 color description : Dark blue.

The hexadecimal color #1d4ea4 has RGB values of R:29, G:78, B:164 and CMYK values of C:0.82, M:0.52, Y:0, K:0.36. Its decimal value is 1920676.

Hex triplet	1d4ea4	`#1d4ea4`
RGB Decimal	29, 78, 164	`rgb(29,78,164)`
RGB Percent	11.4, 30.6, 64.3	`rgb(11.4%,30.6%,64.3%)`
CMYK	82, 52, 0, 36
HSL	218.2°, 69.9, 37.8	`hsl(218.2,69.9%,37.8%)`
HSV (or HSB)	218.2°, 82.3, 64.3
Web Safe	336699	`#336699`

CIE-LAB	34.781, 16.609, -51.018
XYZ	9.93, 8.39, 36.216
xyY	0.182, 0.154, 8.39
CIE-LCH	34.781, 53.654, 288.033
CIE-LUV	34.781, -15.973, -72.083
Hunter-Lab	28.965, 10.51, -53.858
Binary	00011101, 01001110, 10100100

#1d4ea4
```
#1d4ea4 rgb(29,78,164)
```
#a4731d
```
#a4731d rgb(164,115,29)
```

Complementary Color

#1d92a4
```
#1d92a4 rgb(29,146,164)
```
#1d4ea4
```
#1d4ea4 rgb(29,78,164)
```
#2f1da4
```
#2f1da4 rgb(47,29,164)
```

Analogous Color

#92a41d
```
#92a41d rgb(146,164,29)
```
#1d4ea4
```
#1d4ea4 rgb(29,78,164)
```
#a42f1d
```
#a42f1d rgb(164,47,29)
```

Split Complementary Color

#4ea41d
```
#4ea41d rgb(78,164,29)
```
#1d4ea4
```
#1d4ea4 rgb(29,78,164)
```
#a41d4e
```
#a41d4e rgb(164,29,78)
```

Triadic Color

#1da473
```
#1da473 rgb(29,164,115)
```
#1d4ea4
```
#1d4ea4 rgb(29,78,164)
```
#a41d4e
```
#a41d4e rgb(164,29,78)
```
#a4731d
```
#a4731d rgb(164,115,29)
```

Tetradic Color

#122f63
```
#122f63 rgb(18,47,99)
```
#153979
```
#153979 rgb(21,57,121)
```
#19448e
```
#19448e rgb(25,68,142)
```
#1d4ea4
```
#1d4ea4 rgb(29,78,164)
```
#2158ba
```
#2158ba rgb(33,88,186)
```
#2563cf
```
#2563cf rgb(37,99,207)
```
#3370db
```
#3370db rgb(51,112,219)
```

Monochromatic Color

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

#1d70a4
```
#1d70a4 rgb(29,112,164)
```
#1d65a4
```
#1d65a4 rgb(29,101,164)
```
#1d59a4
```
#1d59a4 rgb(29,89,164)
```
#1d4ea4
```
#1d4ea4 rgb(29,78,164)
```
#1d43a4
```
#1d43a4 rgb(29,67,164)
```
#1d38a4
```
#1d38a4 rgb(29,56,164)
```
#1d2ca4
```
#1d2ca4 rgb(29,44,164)
```

Similar Colors

Text with hexadecimal color #1d4ea4

This text has a font color of #1d4ea4.

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

#1d4ea4 background color

This paragraph has a background color of #1d4ea4.

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

#1d4ea4 border color

This element has a border color of #1d4ea4.

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

CSS codes

.text {color:#1d4ea4;}

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

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

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, #02070e is the darkest color, while #fcfdff is the lightest one.

#02070e
```
#02070e rgb(2,7,14)
```
#050f1f
```
#050f1f rgb(5,15,31)
```
#08172f
```
#08172f rgb(8,23,47)
```
#0b1e40
```
#0b1e40 rgb(11,30,64)
```
#0e2651
```
#0e2651 rgb(14,38,81)
```
#112e61
```
#112e61 rgb(17,46,97)
```
#143672
```
#143672 rgb(20,54,114)
```
#173e83
```
#173e83 rgb(23,62,131)
```
#1a4693
```
#1a4693 rgb(26,70,147)
```
#1d4ea4
```
#1d4ea4 rgb(29,78,164)
```
#2056b5
```
#2056b5 rgb(32,86,181)
```
#235ec5
```
#235ec5 rgb(35,94,197)
```
#2666d6
```
#2666d6 rgb(38,102,214)
```

Shade Color Variation

#3471db
```
#3471db rgb(52,113,219)
```
#457dde
```
#457dde rgb(69,125,222)
```
#5688e1
```
#5688e1 rgb(86,136,225)
```
#6694e4
```
#6694e4 rgb(102,148,228)
```
#77a0e7
```
#77a0e7 rgb(119,160,231)
```
#88abea
```
#88abea rgb(136,171,234)
```
#98b7ed
```
#98b7ed rgb(152,183,237)
```
#a9c3f0
```
#a9c3f0 rgb(169,195,240)
```
#bacef3
```
#bacef3 rgb(186,206,243)
```
#cadaf6
```
#cadaf6 rgb(202,218,246)
```
#dbe6f9
```
#dbe6f9 rgb(219,230,249)
```
#ecf1fc
```
#ecf1fc rgb(236,241,252)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#606061
```
#606061 rgb(96,96,97)
```
#585e69
```
#585e69 rgb(88,94,105)
```
#515c70
```
#515c70 rgb(81,92,112)
```
#4a5a77
```
#4a5a77 rgb(74,90,119)
```
#42587f
```
#42587f rgb(66,88,127)
```
#3b5686
```
#3b5686 rgb(59,86,134)
```
#33548e
```
#33548e rgb(51,84,142)
```
#2c5295
```
#2c5295 rgb(44,82,149)
```
#24509d
```
#24509d rgb(36,80,157)
```
#1d4ea4
```
#1d4ea4 rgb(29,78,164)
```
#164cab
```
#164cab rgb(22,76,171)
```
#0e4ab3
```
#0e4ab3 rgb(14,74,179)
```
#0748ba
```
#0748ba rgb(7,72,186)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#404a5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#1b58a9 Protanopia 1% of men
#005c97 Deuteranopia 1% of men
#006369 Tritanopia 0.001% of the population

Trichromacy

#1c54a7 Protanomaly 1% of men, 0.01% of women
#0a579c Deuteranomaly 6% of men, 0.4% of women
#0a5b7e Tritanomaly 0.01% of the population

#1d4ea4 hex color

#1d4ea4 Color Information

#1d4ea4 Color Conversion

Color Schemes with #1d4ea4

Alternatives to #1d4ea4

#1d4ea4 Preview

Shades and Tints of #1d4ea4

Tones of #1d4ea4

Color Blindness Simulator