colorhexa.com

#1d3bd9 hex color

In a RGB color space, hex #1d3bd9 is composed of 11.4% red, 23.1% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 86.6% cyan, 72.8% magenta, 0% yellow and 14.9% black. It has a hue angle of 230.4 degrees, a saturation of 76.4% and a lightness of 48.2%. #1d3bd9 color hex could be obtained by blending #3a76ff with #0000b3. Closest websafe color is: #3333cc.

- R 11
- G 23
- B 85
RGB color chart
- C 87
- M 73
- Y 0
- K 15
CMYK color chart

● #1d3bd9 color description : Vivid blue.

The hexadecimal color #1d3bd9 has RGB values of R:29, G:59, B:217 and CMYK values of C:0.87, M:0.73, Y:0, K:0.15. Its decimal value is 1915865.

Hex triplet	1d3bd9	`#1d3bd9`
RGB Decimal	29, 59, 217	`rgb(29,59,217)`
RGB Percent	11.4, 23.1, 85.1	`rgb(11.4%,23.1%,85.1%)`
CMYK	87, 73, 0, 15
HSL	230.4°, 76.4, 48.2	`hsl(230.4,76.4%,48.2%)`
HSV (or HSB)	230.4°, 86.6, 85.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.798, 48.775, -82.1
XYZ	14.592, 8.398, 66.494
xyY	0.163, 0.094, 8.398
CIE-LCH	34.798, 95.496, 300.714
CIE-LUV	34.798, -11.845, -111.315
Hunter-Lab	28.979, 39.171, -115.759
Binary	00011101, 00111011, 11011001

#1d3bd9
```
#1d3bd9 rgb(29,59,217)
```
#d9bb1d
```
#d9bb1d rgb(217,187,29)
```

Complementary Color

#1d99d9
```
#1d99d9 rgb(29,153,217)
```
#1d3bd9
```
#1d3bd9 rgb(29,59,217)
```
#5d1dd9
```
#5d1dd9 rgb(93,29,217)
```

Analogous Color

#99d91d
```
#99d91d rgb(153,217,29)
```
#1d3bd9
```
#1d3bd9 rgb(29,59,217)
```
#d95d1d
```
#d95d1d rgb(217,93,29)
```

Split Complementary Color

#3bd91d
```
#3bd91d rgb(59,217,29)
```
#1d3bd9
```
#1d3bd9 rgb(29,59,217)
```
#d91d3b
```
#d91d3b rgb(217,29,59)
```

Triadic Color

#1dd9bb
```
#1dd9bb rgb(29,217,187)
```
#1d3bd9
```
#1d3bd9 rgb(29,59,217)
```
#d91d3b
```
#d91d3b rgb(217,29,59)
```
#d9bb1d
```
#d9bb1d rgb(217,187,29)
```

Tetradic Color

#142996
```
#142996 rgb(20,41,150)
```
#172fac
```
#172fac rgb(23,47,172)
```
#1a35c3
```
#1a35c3 rgb(26,53,195)
```
#1d3bd9
```
#1d3bd9 rgb(29,59,217)
```
#2d4ae3
```
#2d4ae3 rgb(45,74,227)
```
#435de6
```
#435de6 rgb(67,93,230)
```
#5a70e9
```
#5a70e9 rgb(90,112,233)
```

Monochromatic Color

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

#1d6ad9
```
#1d6ad9 rgb(29,106,217)
```
#1d5ad9
```
#1d5ad9 rgb(29,90,217)
```
#1d4bd9
```
#1d4bd9 rgb(29,75,217)
```
#1d3bd9
```
#1d3bd9 rgb(29,59,217)
```
#1d2bd9
```
#1d2bd9 rgb(29,43,217)
```
#1e1dd9
```
#1e1dd9 rgb(30,29,217)
```
#2e1dd9
```
#2e1dd9 rgb(46,29,217)
```

Similar Colors

Text with hexadecimal color #1d3bd9

This text has a font color of #1d3bd9.

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

#1d3bd9 background color

This paragraph has a background color of #1d3bd9.

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

#1d3bd9 border color

This element has a border color of #1d3bd9.

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

CSS codes

.text {color:#1d3bd9;}

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

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

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

#010309
```
#010309 rgb(1,3,9)
```
#04071b
```
#04071b rgb(4,7,27)
```
#060c2c
```
#060c2c rgb(6,12,44)
```
#08113d
```
#08113d rgb(8,17,61)
```
#0b154f
```
#0b154f rgb(11,21,79)
```
#0d1a60
```
#0d1a60 rgb(13,26,96)
```
#0f1f71
```
#0f1f71 rgb(15,31,113)
```
#112382
```
#112382 rgb(17,35,130)
```
#142894
```
#142894 rgb(20,40,148)
```
#162da5
```
#162da5 rgb(22,45,165)
```
#1832b6
```
#1832b6 rgb(24,50,182)
```
#1b36c8
```
#1b36c8 rgb(27,54,200)
```
#1d3bd9
```
#1d3bd9 rgb(29,59,217)
```

Shade Color Variation

#2745e2
```
#2745e2 rgb(39,69,226)
```
#3954e5
```
#3954e5 rgb(57,84,229)
```
#4a63e7
```
#4a63e7 rgb(74,99,231)
```
#5b72e9
```
#5b72e9 rgb(91,114,233)
```
#6d81eb
```
#6d81eb rgb(109,129,235)
```
#7e90ee
```
#7e90ee rgb(126,144,238)
```
#8f9ff0
```
#8f9ff0 rgb(143,159,240)
```
#a1aef2
```
#a1aef2 rgb(161,174,242)
```
#b2bdf5
```
#b2bdf5 rgb(178,189,245)
```
#c3cbf7
```
#c3cbf7 rgb(195,203,247)
```
#d4daf9
```
#d4daf9 rgb(212,218,249)
```
#e6e9fc
```
#e6e9fc rgb(230,233,252)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

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

#727584
```
#727584 rgb(114,117,132)
```
#696f8d
```
#696f8d rgb(105,111,141)
```
#5f6897
```
#5f6897 rgb(95,104,151)
```
#5662a0
```
#5662a0 rgb(86,98,160)
```
#4c5baa
```
#4c5baa rgb(76,91,170)
```
#4355b3
```
#4355b3 rgb(67,85,179)
```
#394ebd
```
#394ebd rgb(57,78,189)
```
#3048c6
```
#3048c6 rgb(48,72,198)
```
#2641d0
```
#2641d0 rgb(38,65,208)
```
#1d3bd9
```
#1d3bd9 rgb(29,59,217)
```
#1435e2
```
#1435e2 rgb(20,53,226)
```
#0a2eec
```
#0a2eec rgb(10,46,236)
```
#0128f5
```
#0128f5 rgb(1,40,245)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#3c4262 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

#0a4dbc Protanomaly 1% of men, 0.01% of women
#0a50ad Deuteranomaly 6% of men, 0.4% of women
#0a5591 Tritanomaly 0.01% of the population