colorhexa.com

#1d45dd hex color

In a RGB color space, hex #1d45dd is composed of 11.4% red, 27.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 86.9% cyan, 68.8% magenta, 0% yellow and 13.3% black. It has a hue angle of 227.5 degrees, a saturation of 76.8% and a lightness of 49%. #1d45dd color hex could be obtained by blending #3a8aff with #0000bb. Closest websafe color is: #3333cc.

- R 11
- G 27
- B 87
RGB color chart
- C 87
- M 69
- Y 0
- K 13
CMYK color chart

● #1d45dd color description : Vivid blue.

The hexadecimal color #1d45dd has RGB values of R:29, G:69, B:221 and CMYK values of C:0.87, M:0.69, Y:0, K:0.13. Its decimal value is 1918429.

Hex triplet	1d45dd	`#1d45dd`
RGB Decimal	29, 69, 221	`rgb(29,69,221)`
RGB Percent	11.4, 27.1, 86.7	`rgb(11.4%,27.1%,86.7%)`
CMYK	87, 69, 0, 13
HSL	227.5°, 76.8, 49	`hsl(227.5,76.8%,49%)`
HSV (or HSB)	227.5°, 86.9, 86.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.366, 44.219, -80.155
XYZ	15.683, 9.737, 69.455
xyY	0.165, 0.103, 9.737
CIE-LCH	37.366, 91.544, 298.884
CIE-LUV	37.366, -13.765, -112.482
Hunter-Lab	31.204, 35.109, -110.129
Binary	00011101, 01000101, 11011101

#1d45dd
```
#1d45dd rgb(29,69,221)
```
#ddb51d
```
#ddb51d rgb(221,181,29)
```

Complementary Color

#1da5dd
```
#1da5dd rgb(29,165,221)
```
#1d45dd
```
#1d45dd rgb(29,69,221)
```
#551ddd
```
#551ddd rgb(85,29,221)
```

Analogous Color

#a5dd1d
```
#a5dd1d rgb(165,221,29)
```
#1d45dd
```
#1d45dd rgb(29,69,221)
```
#dd551d
```
#dd551d rgb(221,85,29)
```

Split Complementary Color

#45dd1d
```
#45dd1d rgb(69,221,29)
```
#1d45dd
```
#1d45dd rgb(29,69,221)
```
#dd1d45
```
#dd1d45 rgb(221,29,69)
```

Triadic Color

#1dddb5
```
#1dddb5 rgb(29,221,181)
```
#1d45dd
```
#1d45dd rgb(29,69,221)
```
#dd1d45
```
#dd1d45 rgb(221,29,69)
```
#ddb51d
```
#ddb51d rgb(221,181,29)
```

Tetradic Color

#143099
```
#143099 rgb(20,48,153)
```
#1737b0
```
#1737b0 rgb(23,55,176)
```
#1a3ec6
```
#1a3ec6 rgb(26,62,198)
```
#1d45dd
```
#1d45dd rgb(29,69,221)
```
#3055e4
```
#3055e4 rgb(48,85,228)
```
#4668e7
```
#4668e7 rgb(70,104,231)
```
#5d7aea
```
#5d7aea rgb(93,122,234)
```

Monochromatic Color

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

#1d75dd
```
#1d75dd rgb(29,117,221)
```
#1d65dd
```
#1d65dd rgb(29,101,221)
```
#1d55dd
```
#1d55dd rgb(29,85,221)
```
#1d45dd
```
#1d45dd rgb(29,69,221)
```
#1d35dd
```
#1d35dd rgb(29,53,221)
```
#1d25dd
```
#1d25dd rgb(29,37,221)
```
#251ddd
```
#251ddd rgb(37,29,221)
```

Similar Colors

Text with hexadecimal color #1d45dd

This text has a font color of #1d45dd.

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

#1d45dd background color

This paragraph has a background color of #1d45dd.

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

#1d45dd border color

This element has a border color of #1d45dd.

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

CSS codes

.text {color:#1d45dd;}

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

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

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, #02040d is the darkest color, while #fbfbfe is the lightest one.

#02040d
```
#02040d rgb(2,4,13)
```
#04091e
```
#04091e rgb(4,9,30)
```
#060f30
```
#060f30 rgb(6,15,48)
```
#091441
```
#091441 rgb(9,20,65)
```
#0b1a52
```
#0b1a52 rgb(11,26,82)
```
#0d1f64
```
#0d1f64 rgb(13,31,100)
```
#0f2575
```
#0f2575 rgb(15,37,117)
```
#122a86
```
#122a86 rgb(18,42,134)
```
#142f98
```
#142f98 rgb(20,47,152)
```
#1635a9
```
#1635a9 rgb(22,53,169)
```
#183aba
```
#183aba rgb(24,58,186)
```
#1b40cc
```
#1b40cc rgb(27,64,204)
```
#1d45dd
```
#1d45dd rgb(29,69,221)
```

Shade Color Variation

#2b51e3
```
#2b51e3 rgb(43,81,227)
```
#3c5fe5
```
#3c5fe5 rgb(60,95,229)
```
#4d6de8
```
#4d6de8 rgb(77,109,232)
```
#5f7cea
```
#5f7cea rgb(95,124,234)
```
#708aec
```
#708aec rgb(112,138,236)
```
#8198ee
```
#8198ee rgb(129,152,238)
```
#93a6f1
```
#93a6f1 rgb(147,166,241)
```
#a4b4f3
```
#a4b4f3 rgb(164,180,243)
```
#b5c3f5
```
#b5c3f5 rgb(181,195,245)
```
#c7d1f8
```
#c7d1f8 rgb(199,209,248)
```
#d8dffa
```
#d8dffa rgb(216,223,250)
```
#e9edfc
```
#e9edfc rgb(233,237,252)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#747786
```
#747786 rgb(116,119,134)
```
#6a7290
```
#6a7290 rgb(106,114,144)
```
#606c9a
```
#606c9a rgb(96,108,154)
```
#5767a3
```
#5767a3 rgb(87,103,163)
```
#4d61ad
```
#4d61ad rgb(77,97,173)
```
#435bb7
```
#435bb7 rgb(67,91,183)
```
#3a56c0
```
#3a56c0 rgb(58,86,192)
```
#3050ca
```
#3050ca rgb(48,80,202)
```
#274bd3
```
#274bd3 rgb(39,75,211)
```
#1d45dd
```
#1d45dd rgb(29,69,221)
```
#133fe7
```
#133fe7 rgb(19,63,231)
```
#0a3af0
```
#0a3af0 rgb(10,58,240)
```
#0034fa
```
#0034fa rgb(0,52,250)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#414967 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db6 Protanopia 1% of men
#00639e Deuteranopia 1% of men
#006a6f Tritanopia 0.001% of the population

Trichromacy

#0a54c4 Protanomaly 1% of men, 0.01% of women
#0a58b5 Deuteranomaly 6% of men, 0.4% of women
#0a5c97 Tritanomaly 0.01% of the population