#1d4dd7 hex color

In a RGB color space, hex #1d4dd7 is composed of 11.4% red, 30.2% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 86.5% cyan, 64.2% magenta, 0% yellow and 15.7% black. It has a hue angle of 224.5 degrees, a saturation of 76.2% and a lightness of 47.8%. #1d4dd7 color hex could be obtained by blending #3a9aff with #0000af. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 11
- G 30
- B 84
RGB color chart
- C 87
- M 64
- Y 0
- K 16
CMYK color chart

● #1d4dd7 color description : Strong blue.

The hexadecimal color #1d4dd7 has RGB values of R:29, G:77, B:215 and CMYK values of C:0.87, M:0.64, Y:0, K:0.16. Its decimal value is 1920471.

Hex triplet	1d4dd7	`#1d4dd7`
RGB Decimal	29, 77, 215	`rgb(29,77,215)`
RGB Percent	11.4, 30.2, 84.3	`rgb(11.4%,30.2%,84.3%)`
CMYK	87, 64, 0, 16
HSL	224.5°, 76.2, 47.8	`hsl(224.5,76.2%,47.8%)`
HSV (or HSB)	224.5°, 86.5, 84.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	38.68, 37.032, -74.553
XYZ	15.424, 10.474, 65.495
xyY	0.169, 0.115, 10.474
CIE-LCH	38.68, 83.243, 296.415
CIE-LUV	38.68, -15.414, -107.048
Hunter-Lab	32.364, 28.433, -97.332
Binary	00011101, 01001101, 11010111

#1d4dd7
```
#1d4dd7 rgb(29,77,215)
```
#d7a71d
```
#d7a71d rgb(215,167,29)
```

Complementary Color

#1daad7
```
#1daad7 rgb(29,170,215)
```
#1d4dd7
```
#1d4dd7 rgb(29,77,215)
```
#4a1dd7
```
#4a1dd7 rgb(74,29,215)
```

Analogous Color

#aad71d
```
#aad71d rgb(170,215,29)
```
#1d4dd7
```
#1d4dd7 rgb(29,77,215)
```
#d74a1d
```
#d74a1d rgb(215,74,29)
```

Split Complementary Color

#4dd71d
```
#4dd71d rgb(77,215,29)
```
#1d4dd7
```
#1d4dd7 rgb(29,77,215)
```
#d71d4d
```
#d71d4d rgb(215,29,77)
```

Triadic Color

#1dd7a7
```
#1dd7a7 rgb(29,215,167)
```
#1d4dd7
```
#1d4dd7 rgb(29,77,215)
```
#d71d4d
```
#d71d4d rgb(215,29,77)
```
#d7a71d
```
#d7a71d rgb(215,167,29)
```

Tetradic Color

#143594
```
#143594 rgb(20,53,148)
```
#173daa
```
#173daa rgb(23,61,170)
```
#1a45c1
```
#1a45c1 rgb(26,69,193)
```
#1d4dd7
```
#1d4dd7 rgb(29,77,215)
```
#2b5ae2
```
#2b5ae2 rgb(43,90,226)
```
#426ce5
```
#426ce5 rgb(66,108,229)
```
#587de8
```
#587de8 rgb(88,125,232)
```

Monochromatic Color

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

#1d7cd7
```
#1d7cd7 rgb(29,124,215)
```
#1d6cd7
```
#1d6cd7 rgb(29,108,215)
```
#1d5dd7
```
#1d5dd7 rgb(29,93,215)
```
#1d4dd7
```
#1d4dd7 rgb(29,77,215)
```
#1d3ed7
```
#1d3ed7 rgb(29,62,215)
```
#1d2ed7
```
#1d2ed7 rgb(29,46,215)
```
#1d1fd7
```
#1d1fd7 rgb(29,31,215)
```

Similar Colors

Text with hexadecimal color #1d4dd7

This text has a font color of #1d4dd7.

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

#1d4dd7 background color

This paragraph has a background color of #1d4dd7.

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

#1d4dd7 border color

This element has a border color of #1d4dd7.

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

CSS codes

.text {color:#1d4dd7;}

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

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

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

#010308
```
#010308 rgb(1,3,8)
```
#030919
```
#030919 rgb(3,9,25)
```
#060f2a
```
#060f2a rgb(6,15,42)
```
#08153b
```
#08153b rgb(8,21,59)
```
#0a1b4d
```
#0a1b4d rgb(10,27,77)
```
#0d225e
```
#0d225e rgb(13,34,94)
```
#0f286f
```
#0f286f rgb(15,40,111)
```
#112e81
```
#112e81 rgb(17,46,129)
```
#143492
```
#143492 rgb(20,52,146)
```
#163aa3
```
#163aa3 rgb(22,58,163)
```
#1841b4
```
#1841b4 rgb(24,65,180)
```
#1b47c6
```
#1b47c6 rgb(27,71,198)
```
#1d4dd7
```
#1d4dd7 rgb(29,77,215)
```

Shade Color Variation

#2656e2
```
#2656e2 rgb(38,86,226)
```
#3764e4
```
#3764e4 rgb(55,100,228)
```
#4871e6
```
#4871e6 rgb(72,113,230)
```
#5a7fe9
```
#5a7fe9 rgb(90,127,233)
```
#6b8ceb
```
#6b8ceb rgb(107,140,235)
```
#7c99ed
```
#7c99ed rgb(124,153,237)
```
#8ea7f0
```
#8ea7f0 rgb(142,167,240)
```
#9fb4f2
```
#9fb4f2 rgb(159,180,242)
```
#b0c2f4
```
#b0c2f4 rgb(176,194,244)
```
#c1cff7
```
#c1cff7 rgb(193,207,247)
```
#d3ddf9
```
#d3ddf9 rgb(211,221,249)
```
#e4eafb
```
#e4eafb rgb(228,234,251)
```
#f5f7fe
```
#f5f7fe rgb(245,247,254)
```

Tint Color Variation

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

#717683
```
#717683 rgb(113,118,131)
```
#68718c
```
#68718c rgb(104,113,140)
```
#5f6d95
```
#5f6d95 rgb(95,109,149)
```
#55689f
```
#55689f rgb(85,104,159)
```
#4c64a8
```
#4c64a8 rgb(76,100,168)
```
#435fb1
```
#435fb1 rgb(67,95,177)
```
#395bbb
```
#395bbb rgb(57,91,187)
```
#3056c4
```
#3056c4 rgb(48,86,196)
```
#2652ce
```
#2652ce rgb(38,82,206)
```
#1d4dd7
```
#1d4dd7 rgb(29,77,215)
```
#1448e0
```
#1448e0 rgb(20,72,224)
```
#0a44ea
```
#0a44ea rgb(10,68,234)
```
#013ff3
```
#013ff3 rgb(1,63,243)
```

Tone Color Variation

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

Dichromacy

#0060bc Protanopia 1% of men
#0066a3 Deuteranopia 1% of men
#006d73 Tritanopia 0.001% of the population

Trichromacy

#0a59c6 Protanomaly 1% of men, 0.01% of women
#0a5db6 Deuteranomaly 6% of men, 0.4% of women
#0a6197 Tritanomaly 0.01% of the population

#1d4dd7 hex color

#1d4dd7 Color Information

#1d4dd7 Color Conversion

Color Schemes with #1d4dd7

Alternatives to #1d4dd7

#1d4dd7 Preview

Shades and Tints of #1d4dd7

Tones of #1d4dd7

Color Blindness Simulator