#1d5bd9 hex color

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

♥
- f
- t
- g
- R 11
- G 36
- B 85
RGB color chart
- C 87
- M 58
- Y 0
- K 15
CMYK color chart

● #1d5bd9 color description : Vivid blue.

The hexadecimal color #1d5bd9 has RGB values of R:29, G:91, B:217 and CMYK values of C:0.87, M:0.58, Y:0, K:0.15. Its decimal value is 1924057.

Hex triplet	1d5bd9	`#1d5bd9`
RGB Decimal	29, 91, 217	`rgb(29,91,217)`
RGB Percent	11.4, 35.7, 85.1	`rgb(11.4%,35.7%,85.1%)`
CMYK	87, 58, 0, 15
HSL	220.2°, 76.4, 48.2	`hsl(220.2,76.4%,48.2%)`
HSV (or HSB)	220.2°, 86.6, 85.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.387, 28.767, -69.63
XYZ	16.769, 12.752, 67.219
xyY	0.173, 0.132, 12.752
CIE-LCH	42.387, 75.339, 292.447
CIE-LUV	42.387, -18.799, -103.713
Hunter-Lab	35.71, 21.333, -86.61
Binary	00011101, 01011011, 11011001

#1d5bd9
```
#1d5bd9 rgb(29,91,217)
```
#d99b1d
```
#d99b1d rgb(217,155,29)
```

Complementary Color

#1db9d9
```
#1db9d9 rgb(29,185,217)
```
#1d5bd9
```
#1d5bd9 rgb(29,91,217)
```
#3d1dd9
```
#3d1dd9 rgb(61,29,217)
```

Analogous Color

#b9d91d
```
#b9d91d rgb(185,217,29)
```
#1d5bd9
```
#1d5bd9 rgb(29,91,217)
```
#d93d1d
```
#d93d1d rgb(217,61,29)
```

Split Complementary Color

#5bd91d
```
#5bd91d rgb(91,217,29)
```
#1d5bd9
```
#1d5bd9 rgb(29,91,217)
```
#d91d5b
```
#d91d5b rgb(217,29,91)
```

Triadic Color

#1dd99b
```
#1dd99b rgb(29,217,155)
```
#1d5bd9
```
#1d5bd9 rgb(29,91,217)
```
#d91d5b
```
#d91d5b rgb(217,29,91)
```
#d99b1d
```
#d99b1d rgb(217,155,29)
```

Tetradic Color

#143f96
```
#143f96 rgb(20,63,150)
```
#1748ac
```
#1748ac rgb(23,72,172)
```
#1a52c3
```
#1a52c3 rgb(26,82,195)
```
#1d5bd9
```
#1d5bd9 rgb(29,91,217)
```
#2d69e3
```
#2d69e3 rgb(45,105,227)
```
#4379e6
```
#4379e6 rgb(67,121,230)
```
#5a89e9
```
#5a89e9 rgb(90,137,233)
```

Monochromatic Color

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

#1d8ad9
```
#1d8ad9 rgb(29,138,217)
```
#1d7ad9
```
#1d7ad9 rgb(29,122,217)
```
#1d6bd9
```
#1d6bd9 rgb(29,107,217)
```
#1d5bd9
```
#1d5bd9 rgb(29,91,217)
```
#1d4bd9
```
#1d4bd9 rgb(29,75,217)
```
#1d3cd9
```
#1d3cd9 rgb(29,60,217)
```
#1d2cd9
```
#1d2cd9 rgb(29,44,217)
```

Similar Colors

Text with hexadecimal color #1d5bd9

This text has a font color of #1d5bd9.

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

#1d5bd9 background color

This paragraph has a background color of #1d5bd9.

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

#1d5bd9 border color

This element has a border color of #1d5bd9.

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

CSS codes

.text {color:#1d5bd9;}

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

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

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

#010409
```
#010409 rgb(1,4,9)
```
#040b1b
```
#040b1b rgb(4,11,27)
```
#06122c
```
#06122c rgb(6,18,44)
```
#081a3d
```
#081a3d rgb(8,26,61)
```
#0b214f
```
#0b214f rgb(11,33,79)
```
#0d2860
```
#0d2860 rgb(13,40,96)
```
#0f2f71
```
#0f2f71 rgb(15,47,113)
```
#113782
```
#113782 rgb(17,55,130)
```
#143e94
```
#143e94 rgb(20,62,148)
```
#1645a5
```
#1645a5 rgb(22,69,165)
```
#184cb6
```
#184cb6 rgb(24,76,182)
```
#1b54c8
```
#1b54c8 rgb(27,84,200)
```
#1d5bd9
```
#1d5bd9 rgb(29,91,217)
```

Shade Color Variation

#2765e2
```
#2765e2 rgb(39,101,226)
```
#3971e5
```
#3971e5 rgb(57,113,229)
```
#4a7ee7
```
#4a7ee7 rgb(74,126,231)
```
#5b8ae9
```
#5b8ae9 rgb(91,138,233)
```
#6d96eb
```
#6d96eb rgb(109,150,235)
```
#7ea3ee
```
#7ea3ee rgb(126,163,238)
```
#8faff0
```
#8faff0 rgb(143,175,240)
```
#a1bcf2
```
#a1bcf2 rgb(161,188,242)
```
#b2c8f5
```
#b2c8f5 rgb(178,200,245)
```
#c3d4f7
```
#c3d4f7 rgb(195,212,247)
```
#d4e1f9
```
#d4e1f9 rgb(212,225,249)
```
#e6edfc
```
#e6edfc rgb(230,237,252)
```
#f7f9fe
```
#f7f9fe rgb(247,249,254)
```

Tint Color Variation

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

#727884
```
#727884 rgb(114,120,132)
```
#69758d
```
#69758d rgb(105,117,141)
```
#5f7297
```
#5f7297 rgb(95,114,151)
```
#566ea0
```
#566ea0 rgb(86,110,160)
```
#4c6baa
```
#4c6baa rgb(76,107,170)
```
#4368b3
```
#4368b3 rgb(67,104,179)
```
#3965bd
```
#3965bd rgb(57,101,189)
```
#3061c6
```
#3061c6 rgb(48,97,198)
```
#265ed0
```
#265ed0 rgb(38,94,208)
```
#1d5bd9
```
#1d5bd9 rgb(29,91,217)
```
#1458e2
```
#1458e2 rgb(20,88,226)
```
#0a55ec
```
#0a55ec rgb(10,85,236)
```
#0151f5
```
#0151f5 rgb(1,81,245)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4b5871 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cd Protanopia 1% of men
#006eb2 Deuteranopia 1% of men
#00767d Tritanopia 0.001% of the population

Trichromacy

#0a63d1 Protanomaly 1% of men, 0.01% of women
#0a67c0 Deuteranomaly 6% of men, 0.4% of women
#0a6c9e Tritanomaly 0.01% of the population

#1d5bd9 hex color

#1d5bd9 Color Information

#1d5bd9 Color Conversion

Color Schemes with #1d5bd9

Alternatives to #1d5bd9

#1d5bd9 Preview

Shades and Tints of #1d5bd9

Tones of #1d5bd9

Color Blindness Simulator