#1d3ed3 hex color

In a RGB color space, hex #1d3ed3 is composed of 11.4% red, 24.3% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 86.3% cyan, 70.6% magenta, 0% yellow and 17.3% black. It has a hue angle of 229.1 degrees, a saturation of 75.8% and a lightness of 47.1%. #1d3ed3 color hex could be obtained by blending #3a7cff with #0000a7. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 11
- G 24
- B 83
RGB color chart
- C 86
- M 71
- Y 0
- K 17
CMYK color chart

● #1d3ed3 color description : Strong blue.

The hexadecimal color #1d3ed3 has RGB values of R:29, G:62, B:211 and CMYK values of C:0.86, M:0.71, Y:0, K:0.17. Its decimal value is 1916627.

Hex triplet	1d3ed3	`#1d3ed3`
RGB Decimal	29, 62, 211	`rgb(29,62,211)`
RGB Percent	11.4, 24.3, 82.7	`rgb(11.4%,24.3%,82.7%)`
CMYK	86, 71, 0, 17
HSL	229.1°, 75.8, 47.1	`hsl(229.1,75.8%,47.1%)`
HSV (or HSB)	229.1°, 86.3, 82.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.82, 44.912, -78.604
XYZ	13.985, 8.409, 62.51
xyY	0.165, 0.099, 8.409
CIE-LCH	34.82, 90.53, 299.743
CIE-LUV	34.82, -12.271, -107.444
Hunter-Lab	28.997, 35.341, -107.514
Binary	00011101, 00111110, 11010011

#1d3ed3
```
#1d3ed3 rgb(29,62,211)
```
#d3b21d
```
#d3b21d rgb(211,178,29)
```

Complementary Color

#1d99d3
```
#1d99d3 rgb(29,153,211)
```
#1d3ed3
```
#1d3ed3 rgb(29,62,211)
```
#571dd3
```
#571dd3 rgb(87,29,211)
```

Analogous Color

#99d31d
```
#99d31d rgb(153,211,29)
```
#1d3ed3
```
#1d3ed3 rgb(29,62,211)
```
#d3571d
```
#d3571d rgb(211,87,29)
```

Split Complementary Color

#3ed31d
```
#3ed31d rgb(62,211,29)
```
#1d3ed3
```
#1d3ed3 rgb(29,62,211)
```
#d31d3e
```
#d31d3e rgb(211,29,62)
```

Triadic Color

#1dd3b2
```
#1dd3b2 rgb(29,211,178)
```
#1d3ed3
```
#1d3ed3 rgb(29,62,211)
```
#d31d3e
```
#d31d3e rgb(211,29,62)
```
#d3b21d
```
#d3b21d rgb(211,178,29)
```

Tetradic Color

#142a90
```
#142a90 rgb(20,42,144)
```
#1731a6
```
#1731a6 rgb(23,49,166)
```
#1a37bd
```
#1a37bd rgb(26,55,189)
```
#1d3ed3
```
#1d3ed3 rgb(29,62,211)
```
#284ae1
```
#284ae1 rgb(40,74,225)
```
#3e5de5
```
#3e5de5 rgb(62,93,229)
```
#556fe8
```
#556fe8 rgb(85,111,232)
```

Monochromatic Color

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

#1d6cd3
```
#1d6cd3 rgb(29,108,211)
```
#1d5cd3
```
#1d5cd3 rgb(29,92,211)
```
#1d4dd3
```
#1d4dd3 rgb(29,77,211)
```
#1d3ed3
```
#1d3ed3 rgb(29,62,211)
```
#1d2fd3
```
#1d2fd3 rgb(29,47,211)
```
#1d20d3
```
#1d20d3 rgb(29,32,211)
```
#2a1dd3
```
#2a1dd3 rgb(42,29,211)
```

Similar Colors

Text with hexadecimal color #1d3ed3

This text has a font color of #1d3ed3.

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

#1d3ed3 background color

This paragraph has a background color of #1d3ed3.

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

#1d3ed3 border color

This element has a border color of #1d3ed3.

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

CSS codes

.text {color:#1d3ed3;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#030615
```
#030615 rgb(3,6,21)
```
#050b27
```
#050b27 rgb(5,11,39)
```
#081038
```
#081038 rgb(8,16,56)
```
#0a1549
```
#0a1549 rgb(10,21,73)
```
#0c1b5a
```
#0c1b5a rgb(12,27,90)
```
#0f206c
```
#0f206c rgb(15,32,108)
```
#11257d
```
#11257d rgb(17,37,125)
```
#142a8e
```
#142a8e rgb(20,42,142)
```
#162f9f
```
#162f9f rgb(22,47,159)
```
#1834b1
```
#1834b1 rgb(24,52,177)
```
#1b39c2
```
#1b39c2 rgb(27,57,194)
```
#1d3ed3
```
#1d3ed3 rgb(29,62,211)
```

Shade Color Variation

#2345e1
```
#2345e1 rgb(35,69,225)
```
#3454e3
```
#3454e3 rgb(52,84,227)
```
#4562e5
```
#4562e5 rgb(69,98,229)
```
#5771e8
```
#5771e8 rgb(87,113,232)
```
#687fea
```
#687fea rgb(104,127,234)
```
#798eed
```
#798eed rgb(121,142,237)
```
#8a9def
```
#8a9def rgb(138,157,239)
```
#9cabf1
```
#9cabf1 rgb(156,171,241)
```
#adbaf4
```
#adbaf4 rgb(173,186,244)
```
#bec8f6
```
#bec8f6 rgb(190,200,246)
```
#cfd7f8
```
#cfd7f8 rgb(207,215,248)
```
#e1e5fb
```
#e1e5fb rgb(225,229,251)
```
#f2f4fd
```
#f2f4fd rgb(242,244,253)
```

Tint Color Variation

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

#707380
```
#707380 rgb(112,115,128)
```
#676d89
```
#676d89 rgb(103,109,137)
```
#5e6792
```
#5e6792 rgb(94,103,146)
```
#54619c
```
#54619c rgb(84,97,156)
```
#4b5ba5
```
#4b5ba5 rgb(75,91,165)
```
#4256ae
```
#4256ae rgb(66,86,174)
```
#3950b7
```
#3950b7 rgb(57,80,183)
```
#2f4ac1
```
#2f4ac1 rgb(47,74,193)
```
#2644ca
```
#2644ca rgb(38,68,202)
```
#1d3ed3
```
#1d3ed3 rgb(29,62,211)
```
#1438dc
```
#1438dc rgb(20,56,220)
```
#0b32e5
```
#0b32e5 rgb(11,50,229)
```
#012cef
```
#012cef rgb(1,44,239)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#3d4461 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ab Protanopia 1% of men
#005d94 Deuteranopia 1% of men
#006368 Tritanopia 0.001% of the population

Trichromacy

#0a4eba Protanomaly 1% of men, 0.01% of women
#0a52ab Deuteranomaly 6% of men, 0.4% of women
#0a568f Tritanomaly 0.01% of the population

#1d3ed3 hex color

#1d3ed3 Color Information

#1d3ed3 Color Conversion

Color Schemes with #1d3ed3

Alternatives to #1d3ed3

#1d3ed3 Preview

Shades and Tints of #1d3ed3

Tones of #1d3ed3

Color Blindness Simulator