#1d4ae1 hex color

In a RGB color space, hex #1d4ae1 is composed of 11.4% red, 29% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 87.1% cyan, 67.1% magenta, 0% yellow and 11.8% black. It has a hue angle of 226.2 degrees, a saturation of 77.2% and a lightness of 49.8%. #1d4ae1 color hex could be obtained by blending #3a94ff with #0000c3. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 11
- G 29
- B 88
RGB color chart
- C 87
- M 67
- Y 0
- K 12
CMYK color chart

● #1d4ae1 color description : Vivid blue.

The hexadecimal color #1d4ae1 has RGB values of R:29, G:74, B:225 and CMYK values of C:0.87, M:0.67, Y:0, K:0.12. Its decimal value is 1919713.

Hex triplet	1d4ae1	`#1d4ae1`
RGB Decimal	29, 74, 225	`rgb(29,74,225)`
RGB Percent	11.4, 29, 88.2	`rgb(11.4%,29%,88.2%)`
CMYK	87, 67, 0, 12
HSL	226.2°, 77.2, 49.8	`hsl(226.2,77.2%,49.8%)`
HSV (or HSB)	226.2°, 87.1, 88.2
Web Safe	3333cc	`#3333cc`

CIE-LAB	38.888, 42.583, -79.933
XYZ	16.543, 10.594, 72.403
xyY	0.166, 0.106, 10.594
CIE-LCH	38.888, 90.568, 298.046
CIE-LUV	38.888, -14.819, -114.009
Hunter-Lab	32.548, 33.768, -109.107
Binary	00011101, 01001010, 11100001

#1d4ae1
```
#1d4ae1 rgb(29,74,225)
```
#e1b41d
```
#e1b41d rgb(225,180,29)
```

Complementary Color

#1dace1
```
#1dace1 rgb(29,172,225)
```
#1d4ae1
```
#1d4ae1 rgb(29,74,225)
```
#521de1
```
#521de1 rgb(82,29,225)
```

Analogous Color

#ace11d
```
#ace11d rgb(172,225,29)
```
#1d4ae1
```
#1d4ae1 rgb(29,74,225)
```
#e1521d
```
#e1521d rgb(225,82,29)
```

Split Complementary Color

#4ae11d
```
#4ae11d rgb(74,225,29)
```
#1d4ae1
```
#1d4ae1 rgb(29,74,225)
```
#e11d4a
```
#e11d4a rgb(225,29,74)
```

Triadic Color

#1de1b4
```
#1de1b4 rgb(29,225,180)
```
#1d4ae1
```
#1d4ae1 rgb(29,74,225)
```
#e11d4a
```
#e11d4a rgb(225,29,74)
```
#e1b41d
```
#e1b41d rgb(225,180,29)
```

Tetradic Color

#14349d
```
#14349d rgb(20,52,157)
```
#173bb4
```
#173bb4 rgb(23,59,180)
```
#1a43ca
```
#1a43ca rgb(26,67,202)
```
#1d4ae1
```
#1d4ae1 rgb(29,74,225)
```
#335ce5
```
#335ce5 rgb(51,92,229)
```
#496ee8
```
#496ee8 rgb(73,110,232)
```
#6080eb
```
#6080eb rgb(96,128,235)
```

Monochromatic Color

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

#1d7be1
```
#1d7be1 rgb(29,123,225)
```
#1d6be1
```
#1d6be1 rgb(29,107,225)
```
#1d5ae1
```
#1d5ae1 rgb(29,90,225)
```
#1d4ae1
```
#1d4ae1 rgb(29,74,225)
```
#1d3ae1
```
#1d3ae1 rgb(29,58,225)
```
#1d29e1
```
#1d29e1 rgb(29,41,225)
```
#211de1
```
#211de1 rgb(33,29,225)
```

Similar Colors

Text with hexadecimal color #1d4ae1

This text has a font color of #1d4ae1.

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

#1d4ae1 background color

This paragraph has a background color of #1d4ae1.

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

#1d4ae1 border color

This element has a border color of #1d4ae1.

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

CSS codes

.text {color:#1d4ae1;}

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

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

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

#020510
```
#020510 rgb(2,5,16)
```
#040b22
```
#040b22 rgb(4,11,34)
```
#071133
```
#071133 rgb(7,17,51)
```
#091745
```
#091745 rgb(9,23,69)
```
#0b1c56
```
#0b1c56 rgb(11,28,86)
```
#0d2267
```
#0d2267 rgb(13,34,103)
```
#102879
```
#102879 rgb(16,40,121)
```
#122d8a
```
#122d8a rgb(18,45,138)
```
#14339b
```
#14339b rgb(20,51,155)
```
#1639ad
```
#1639ad rgb(22,57,173)
```
#193fbe
```
#193fbe rgb(25,63,190)
```
#1b44d0
```
#1b44d0 rgb(27,68,208)
```
#1d4ae1
```
#1d4ae1 rgb(29,74,225)
```

Shade Color Variation

#2e57e4
```
#2e57e4 rgb(46,87,228)
```
#3f65e6
```
#3f65e6 rgb(63,101,230)
```
#5073e8
```
#5073e8 rgb(80,115,232)
```
#6281eb
```
#6281eb rgb(98,129,235)
```
#738fed
```
#738fed rgb(115,143,237)
```
#849def
```
#849def rgb(132,157,239)
```
#96abf1
```
#96abf1 rgb(150,171,241)
```
#a7b9f4
```
#a7b9f4 rgb(167,185,244)
```
#b9c7f6
```
#b9c7f6 rgb(185,199,246)
```
#cad5f8
```
#cad5f8 rgb(202,213,248)
```
#dbe2fa
```
#dbe2fa rgb(219,226,250)
```
#edf0fd
```
#edf0fd rgb(237,240,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#7f7f7f
```
#7f7f7f rgb(127,127,127)
```
#757a89
```
#757a89 rgb(117,122,137)
```
#6b7493
```
#6b7493 rgb(107,116,147)
```
#616f9d
```
#616f9d rgb(97,111,157)
```
#586aa6
```
#586aa6 rgb(88,106,166)
```
#4e64b0
```
#4e64b0 rgb(78,100,176)
```
#445fba
```
#445fba rgb(68,95,186)
```
#3a5ac4
```
#3a5ac4 rgb(58,90,196)
```
#3155cd
```
#3155cd rgb(49,85,205)
```
#274fd7
```
#274fd7 rgb(39,79,215)
```
#1d4ae1
```
#1d4ae1 rgb(29,74,225)
```
#1345eb
```
#1345eb rgb(19,69,235)
```
#093ff5
```
#093ff5 rgb(9,63,245)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#444d6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0066a4 Deuteranopia 1% of men
#006e73 Tritanopia 0.001% of the population

Trichromacy

#0a58ca Protanomaly 1% of men, 0.01% of women
#0a5cba Deuteranomaly 6% of men, 0.4% of women
#0a609b Tritanomaly 0.01% of the population

#1d4ae1 hex color

#1d4ae1 Color Information

#1d4ae1 Color Conversion

Color Schemes with #1d4ae1

Alternatives to #1d4ae1

#1d4ae1 Preview

Shades and Tints of #1d4ae1

Tones of #1d4ae1

Color Blindness Simulator