#1d4fa5 hex color

In a RGB color space, hex #1d4fa5 is composed of 11.4% red, 31% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 52.1% magenta, 0% yellow and 35.3% black. It has a hue angle of 217.9 degrees, a saturation of 70.1% and a lightness of 38%. #1d4fa5 color hex could be obtained by blending #3a9eff with #00004b. Closest websafe color is: #336699.

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

● #1d4fa5 color description : Dark blue.

The hexadecimal color #1d4fa5 has RGB values of R:29, G:79, B:165 and CMYK values of C:0.82, M:0.52, Y:0, K:0.35. Its decimal value is 1920933.

Hex triplet	1d4fa5	`#1d4fa5`
RGB Decimal	29, 79, 165	`rgb(29,79,165)`
RGB Percent	11.4, 31, 64.7	`rgb(11.4%,31%,64.7%)`
CMYK	82, 52, 0, 35
HSL	217.9°, 70.1, 38	`hsl(217.9,70.1%,38%)`
HSV (or HSB)	217.9°, 82.4, 64.7
Web Safe	336699	`#336699`

CIE-LAB	35.141, 16.335, -51.035
XYZ	10.093, 8.569, 36.717
xyY	0.182, 0.155, 8.569
CIE-LCH	35.141, 53.586, 287.749
CIE-LUV	35.141, -16.247, -72.334
Hunter-Lab	29.273, 10.316, -53.877
Binary	00011101, 01001111, 10100101

#1d4fa5
```
#1d4fa5 rgb(29,79,165)
```
#a5731d
```
#a5731d rgb(165,115,29)
```

Complementary Color

#1d93a5
```
#1d93a5 rgb(29,147,165)
```
#1d4fa5
```
#1d4fa5 rgb(29,79,165)
```
#2f1da5
```
#2f1da5 rgb(47,29,165)
```

Analogous Color

#93a51d
```
#93a51d rgb(147,165,29)
```
#1d4fa5
```
#1d4fa5 rgb(29,79,165)
```
#a52f1d
```
#a52f1d rgb(165,47,29)
```

Split Complementary Color

#4fa51d
```
#4fa51d rgb(79,165,29)
```
#1d4fa5
```
#1d4fa5 rgb(29,79,165)
```
#a51d4f
```
#a51d4f rgb(165,29,79)
```

Triadic Color

#1da573
```
#1da573 rgb(29,165,115)
```
#1d4fa5
```
#1d4fa5 rgb(29,79,165)
```
#a51d4f
```
#a51d4f rgb(165,29,79)
```
#a5731d
```
#a5731d rgb(165,115,29)
```

Tetradic Color

#123064
```
#123064 rgb(18,48,100)
```
#153a7a
```
#153a7a rgb(21,58,122)
```
#19458f
```
#19458f rgb(25,69,143)
```
#1d4fa5
```
#1d4fa5 rgb(29,79,165)
```
#2159bb
```
#2159bb rgb(33,89,187)
```
#2564d0
```
#2564d0 rgb(37,100,208)
```
#3371db
```
#3371db rgb(51,113,219)
```

Monochromatic Color

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

#1d71a5
```
#1d71a5 rgb(29,113,165)
```
#1d66a5
```
#1d66a5 rgb(29,102,165)
```
#1d5aa5
```
#1d5aa5 rgb(29,90,165)
```
#1d4fa5
```
#1d4fa5 rgb(29,79,165)
```
#1d44a5
```
#1d44a5 rgb(29,68,165)
```
#1d38a5
```
#1d38a5 rgb(29,56,165)
```
#1d2da5
```
#1d2da5 rgb(29,45,165)
```

Similar Colors

Text with hexadecimal color #1d4fa5

This text has a font color of #1d4fa5.

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

#1d4fa5 background color

This paragraph has a background color of #1d4fa5.

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

#1d4fa5 border color

This element has a border color of #1d4fa5.

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

CSS codes

.text {color:#1d4fa5;}

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

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

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

#03070f
```
#03070f rgb(3,7,15)
```
#060f20
```
#060f20 rgb(6,15,32)
```
#081730
```
#081730 rgb(8,23,48)
```
#0b1f41
```
#0b1f41 rgb(11,31,65)
```
#0e2752
```
#0e2752 rgb(14,39,82)
```
#112f62
```
#112f62 rgb(17,47,98)
```
#143773
```
#143773 rgb(20,55,115)
```
#173f84
```
#173f84 rgb(23,63,132)
```
#1a4794
```
#1a4794 rgb(26,71,148)
```
#1d4fa5
```
#1d4fa5 rgb(29,79,165)
```
#2057b6
```
#2057b6 rgb(32,87,182)
```
#235fc6
```
#235fc6 rgb(35,95,198)
```
#2667d7
```
#2667d7 rgb(38,103,215)
```

Shade Color Variation

#3572db
```
#3572db rgb(53,114,219)
```
#467ede
```
#467ede rgb(70,126,222)
```
#5689e1
```
#5689e1 rgb(86,137,225)
```
#6795e4
```
#6795e4 rgb(103,149,228)
```
#78a1e7
```
#78a1e7 rgb(120,161,231)
```
#88acea
```
#88acea rgb(136,172,234)
```
#99b8ed
```
#99b8ed rgb(153,184,237)
```
#aac4f0
```
#aac4f0 rgb(170,196,240)
```
#bacff3
```
#bacff3 rgb(186,207,243)
```
#cbdbf6
```
#cbdbf6 rgb(203,219,246)
```
#dce6f9
```
#dce6f9 rgb(220,230,249)
```
#ecf2fc
```
#ecf2fc rgb(236,242,252)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#606162
```
#606162 rgb(96,97,98)
```
#595f69
```
#595f69 rgb(89,95,105)
```
#515d71
```
#515d71 rgb(81,93,113)
```
#4a5b78
```
#4a5b78 rgb(74,91,120)
```
#425980
```
#425980 rgb(66,89,128)
```
#3b5787
```
#3b5787 rgb(59,87,135)
```
#33558f
```
#33558f rgb(51,85,143)
```
#2c5396
```
#2c5396 rgb(44,83,150)
```
#24519e
```
#24519e rgb(36,81,158)
```
#1d4fa5
```
#1d4fa5 rgb(29,79,165)
```
#164dac
```
#164dac rgb(22,77,172)
```
#0e4bb4
```
#0e4bb4 rgb(14,75,180)
```
#0749bb
```
#0749bb rgb(7,73,187)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#414b5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#1e58aa Protanopia 1% of men
#005d99 Deuteranopia 1% of men
#00646a Tritanopia 0.001% of the population

Trichromacy

#1d55a8 Protanomaly 1% of men, 0.01% of women
#0a589d Deuteranomaly 6% of men, 0.4% of women
#0a5c7f Tritanomaly 0.01% of the population

#1d4fa5 hex color

#1d4fa5 Color Information

#1d4fa5 Color Conversion

Color Schemes with #1d4fa5

Alternatives to #1d4fa5

#1d4fa5 Preview

Shades and Tints of #1d4fa5

Tones of #1d4fa5

Color Blindness Simulator