#1d4dd2 hex color

In a RGB color space, hex #1d4dd2 is composed of 11.4% red, 30.2% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 86.2% cyan, 63.3% magenta, 0% yellow and 17.6% black. It has a hue angle of 224.1 degrees, a saturation of 75.7% and a lightness of 46.9%. #1d4dd2 color hex could be obtained by blending #3a9aff with #0000a5. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 11
- G 30
- B 82
RGB color chart
- C 86
- M 63
- Y 0
- K 18
CMYK color chart

● #1d4dd2 color description : Strong blue.

The hexadecimal color #1d4dd2 has RGB values of R:29, G:77, B:210 and CMYK values of C:0.86, M:0.63, Y:0, K:0.18. Its decimal value is 1920466.

Hex triplet	1d4dd2	`#1d4dd2`
RGB Decimal	29, 77, 210	`rgb(29,77,210)`
RGB Percent	11.4, 30.2, 82.4	`rgb(11.4%,30.2%,82.4%)`
CMYK	86, 63, 0, 18
HSL	224.1°, 75.7, 46.9	`hsl(224.1,75.7%,46.9%)`
HSV (or HSB)	224.1°, 86.2, 82.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	38.236, 35.164, -72.405
XYZ	14.791, 10.221, 62.163
xyY	0.17, 0.117, 10.221
CIE-LCH	38.236, 80.492, 295.904
CIE-LUV	38.236, -15.404, -103.846
Hunter-Lab	31.97, 26.635, -92.904
Binary	00011101, 01001101, 11010010

#1d4dd2
```
#1d4dd2 rgb(29,77,210)
```
#d2a21d
```
#d2a21d rgb(210,162,29)
```

Complementary Color

#1da8d2
```
#1da8d2 rgb(29,168,210)
```
#1d4dd2
```
#1d4dd2 rgb(29,77,210)
```
#481dd2
```
#481dd2 rgb(72,29,210)
```

Analogous Color

#a8d21d
```
#a8d21d rgb(168,210,29)
```
#1d4dd2
```
#1d4dd2 rgb(29,77,210)
```
#d2481d
```
#d2481d rgb(210,72,29)
```

Split Complementary Color

#4dd21d
```
#4dd21d rgb(77,210,29)
```
#1d4dd2
```
#1d4dd2 rgb(29,77,210)
```
#d21d4d
```
#d21d4d rgb(210,29,77)
```

Triadic Color

#1dd2a2
```
#1dd2a2 rgb(29,210,162)
```
#1d4dd2
```
#1d4dd2 rgb(29,77,210)
```
#d21d4d
```
#d21d4d rgb(210,29,77)
```
#d2a21d
```
#d2a21d rgb(210,162,29)
```

Tetradic Color

#14348f
```
#14348f rgb(20,52,143)
```
#173da5
```
#173da5 rgb(23,61,165)
```
#1a45bc
```
#1a45bc rgb(26,69,188)
```
#1d4dd2
```
#1d4dd2 rgb(29,77,210)
```
#2759e1
```
#2759e1 rgb(39,89,225)
```
#3e6ae4
```
#3e6ae4 rgb(62,106,228)
```
#547be7
```
#547be7 rgb(84,123,231)
```

Monochromatic Color

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

#1d7ad2
```
#1d7ad2 rgb(29,122,210)
```
#1d6bd2
```
#1d6bd2 rgb(29,107,210)
```
#1d5cd2
```
#1d5cd2 rgb(29,92,210)
```
#1d4dd2
```
#1d4dd2 rgb(29,77,210)
```
#1d3ed2
```
#1d3ed2 rgb(29,62,210)
```
#1d2fd2
```
#1d2fd2 rgb(29,47,210)
```
#1d20d2
```
#1d20d2 rgb(29,32,210)
```

Similar Colors

Text with hexadecimal color #1d4dd2

This text has a font color of #1d4dd2.

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

#1d4dd2 background color

This paragraph has a background color of #1d4dd2.

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

#1d4dd2 border color

This element has a border color of #1d4dd2.

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

CSS codes

.text {color:#1d4dd2;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#030714
```
#030714 rgb(3,7,20)
```
#050e26
```
#050e26 rgb(5,14,38)
```
#081437
```
#081437 rgb(8,20,55)
```
#0a1a48
```
#0a1a48 rgb(10,26,72)
```
#0c2159
```
#0c2159 rgb(12,33,89)
```
#0f276b
```
#0f276b rgb(15,39,107)
```
#112d7c
```
#112d7c rgb(17,45,124)
```
#13348d
```
#13348d rgb(19,52,141)
```
#163a9e
```
#163a9e rgb(22,58,158)
```
#1840b0
```
#1840b0 rgb(24,64,176)
```
#1b47c1
```
#1b47c1 rgb(27,71,193)
```
#1d4dd2
```
#1d4dd2 rgb(29,77,210)
```

Shade Color Variation

#2255e0
```
#2255e0 rgb(34,85,224)
```
#3362e3
```
#3362e3 rgb(51,98,227)
```
#456fe5
```
#456fe5 rgb(69,111,229)
```
#567ce8
```
#567ce8 rgb(86,124,232)
```
#678aea
```
#678aea rgb(103,138,234)
```
#7897ec
```
#7897ec rgb(120,151,236)
```
#8aa4ef
```
#8aa4ef rgb(138,164,239)
```
#9bb2f1
```
#9bb2f1 rgb(155,178,241)
```
#acbff4
```
#acbff4 rgb(172,191,244)
```
#bdccf6
```
#bdccf6 rgb(189,204,246)
```
#cedaf8
```
#cedaf8 rgb(206,218,248)
```
#e0e7fb
```
#e0e7fb rgb(224,231,251)
```
#f1f4fd
```
#f1f4fd rgb(241,244,253)
```

Tint Color Variation

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

#70747f
```
#70747f rgb(112,116,127)
```
#677088
```
#677088 rgb(103,112,136)
```
#5d6b92
```
#5d6b92 rgb(93,107,146)
```
#54679b
```
#54679b rgb(84,103,155)
```
#4b63a4
```
#4b63a4 rgb(75,99,164)
```
#425ead
```
#425ead rgb(66,94,173)
```
#395ab6
```
#395ab6 rgb(57,90,182)
```
#2f56c0
```
#2f56c0 rgb(47,86,192)
```
#2651c9
```
#2651c9 rgb(38,81,201)
```
#1d4dd2
```
#1d4dd2 rgb(29,77,210)
```
#1449db
```
#1449db rgb(20,73,219)
```
#0b44e4
```
#0b44e4 rgb(11,68,228)
```
#0140ee
```
#0140ee rgb(1,64,238)
```

Tone Color Variation

Below, you can see how #1d4dd2 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
#444e68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fba Protanopia 1% of men
#0065a2 Deuteranopia 1% of men
#006c71 Tritanopia 0.001% of the population

Trichromacy

#0a58c3 Protanomaly 1% of men, 0.01% of women
#0a5cb3 Deuteranomaly 6% of men, 0.4% of women
#0a6094 Tritanomaly 0.01% of the population

#1d4dd2 hex color

#1d4dd2 Color Information

#1d4dd2 Color Conversion

Color Schemes with #1d4dd2

Alternatives to #1d4dd2

#1d4dd2 Preview

Shades and Tints of #1d4dd2

Tones of #1d4dd2

Color Blindness Simulator