#1d5ddc hex color

In a RGB color space, hex #1d5ddc is composed of 11.4% red, 36.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 86.8% cyan, 57.7% magenta, 0% yellow and 13.7% black. It has a hue angle of 219.9 degrees, a saturation of 76.7% and a lightness of 48.8%. #1d5ddc color hex could be obtained by blending #3abaff with #0000b9. Closest websafe color is: #3366cc.

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

● #1d5ddc color description : Vivid blue.

The hexadecimal color #1d5ddc has RGB values of R:29, G:93, B:220 and CMYK values of C:0.87, M:0.58, Y:0, K:0.14. Its decimal value is 1924572.

Hex triplet	1d5ddc	`#1d5ddc`
RGB Decimal	29, 93, 220	`rgb(29,93,220)`
RGB Percent	11.4, 36.5, 86.3	`rgb(11.4%,36.5%,86.3%)`
CMYK	87, 58, 0, 14
HSL	219.9°, 76.7, 48.8	`hsl(219.9,76.7%,48.8%)`
HSV (or HSB)	219.9°, 86.8, 86.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.146, 28.619, -70.103
XYZ	17.337, 13.256, 69.351
xyY	0.173, 0.133, 13.256
CIE-LCH	43.146, 75.72, 292.208
CIE-LUV	43.146, -19.281, -104.952
Hunter-Lab	36.409, 21.281, -87.45
Binary	00011101, 01011101, 11011100

#1d5ddc
```
#1d5ddc rgb(29,93,220)
```
#dc9c1d
```
#dc9c1d rgb(220,156,29)
```

Complementary Color

#1dbddc
```
#1dbddc rgb(29,189,220)
```
#1d5ddc
```
#1d5ddc rgb(29,93,220)
```
#3d1ddc
```
#3d1ddc rgb(61,29,220)
```

Analogous Color

#bddc1d
```
#bddc1d rgb(189,220,29)
```
#1d5ddc
```
#1d5ddc rgb(29,93,220)
```
#dc3d1d
```
#dc3d1d rgb(220,61,29)
```

Split Complementary Color

#5ddc1d
```
#5ddc1d rgb(93,220,29)
```
#1d5ddc
```
#1d5ddc rgb(29,93,220)
```
#dc1d5d
```
#dc1d5d rgb(220,29,93)
```

Triadic Color

#1ddc9c
```
#1ddc9c rgb(29,220,156)
```
#1d5ddc
```
#1d5ddc rgb(29,93,220)
```
#dc1d5d
```
#dc1d5d rgb(220,29,93)
```
#dc9c1d
```
#dc9c1d rgb(220,156,29)
```

Tetradic Color

#144098
```
#144098 rgb(20,64,152)
```
#174aaf
```
#174aaf rgb(23,74,175)
```
#1a53c5
```
#1a53c5 rgb(26,83,197)
```
#1d5ddc
```
#1d5ddc rgb(29,93,220)
```
#2f6be4
```
#2f6be4 rgb(47,107,228)
```
#457be7
```
#457be7 rgb(69,123,231)
```
#5c8bea
```
#5c8bea rgb(92,139,234)
```

Monochromatic Color

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

#1d8ddc
```
#1d8ddc rgb(29,141,220)
```
#1d7ddc
```
#1d7ddc rgb(29,125,220)
```
#1d6ddc
```
#1d6ddc rgb(29,109,220)
```
#1d5ddc
```
#1d5ddc rgb(29,93,220)
```
#1d4ddc
```
#1d4ddc rgb(29,77,220)
```
#1d3ddc
```
#1d3ddc rgb(29,61,220)
```
#1d2ddc
```
#1d2ddc rgb(29,45,220)
```

Similar Colors

Text with hexadecimal color #1d5ddc

This text has a font color of #1d5ddc.

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

#1d5ddc background color

This paragraph has a background color of #1d5ddc.

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

#1d5ddc border color

This element has a border color of #1d5ddc.

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

CSS codes

.text {color:#1d5ddc;}

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

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

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, #02050c is the darkest color, while #fafbfe is the lightest one.

#02050c
```
#02050c rgb(2,5,12)
```
#040c1d
```
#040c1d rgb(4,12,29)
```
#06142f
```
#06142f rgb(6,20,47)
```
#081b40
```
#081b40 rgb(8,27,64)
```
#0b2251
```
#0b2251 rgb(11,34,81)
```
#0d2a63
```
#0d2a63 rgb(13,42,99)
```
#0f3174
```
#0f3174 rgb(15,49,116)
```
#123885
```
#123885 rgb(18,56,133)
```
#144097
```
#144097 rgb(20,64,151)
```
#1647a8
```
#1647a8 rgb(22,71,168)
```
#184eb9
```
#184eb9 rgb(24,78,185)
```
#1b56cb
```
#1b56cb rgb(27,86,203)
```
#1d5ddc
```
#1d5ddc rgb(29,93,220)
```

Shade Color Variation

#2a68e3
```
#2a68e3 rgb(42,104,227)
```
#3b74e5
```
#3b74e5 rgb(59,116,229)
```
#4c80e7
```
#4c80e7 rgb(76,128,231)
```
#5e8dea
```
#5e8dea rgb(94,141,234)
```
#6f99ec
```
#6f99ec rgb(111,153,236)
```
#80a5ee
```
#80a5ee rgb(128,165,238)
```
#92b2f1
```
#92b2f1 rgb(146,178,241)
```
#a3bef3
```
#a3bef3 rgb(163,190,243)
```
#b4caf5
```
#b4caf5 rgb(180,202,245)
```
#c6d6f7
```
#c6d6f7 rgb(198,214,247)
```
#d7e3fa
```
#d7e3fa rgb(215,227,250)
```
#e8effc
```
#e8effc rgb(232,239,252)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

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

#737986
```
#737986 rgb(115,121,134)
```
#6a768f
```
#6a768f rgb(106,118,143)
```
#607399
```
#607399 rgb(96,115,153)
```
#5670a3
```
#5670a3 rgb(86,112,163)
```
#4d6dac
```
#4d6dac rgb(77,109,172)
```
#436ab6
```
#436ab6 rgb(67,106,182)
```
#3a66bf
```
#3a66bf rgb(58,102,191)
```
#3063c9
```
#3063c9 rgb(48,99,201)
```
#2760d2
```
#2760d2 rgb(39,96,210)
```
#1d5ddc
```
#1d5ddc rgb(29,93,220)
```
#135ae6
```
#135ae6 rgb(19,90,230)
```
#0a57ef
```
#0a57ef rgb(10,87,239)
```
#0054f9
```
#0054f9 rgb(0,84,249)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#4c5972 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ad0 Protanopia 1% of men
#0070b5 Deuteranopia 1% of men
#00787f Tritanopia 0.001% of the population

Trichromacy

#0a65d4 Protanomaly 1% of men, 0.01% of women
#0a69c3 Deuteranomaly 6% of men, 0.4% of women
#0a6ea0 Tritanomaly 0.01% of the population

#1d5ddc hex color

#1d5ddc Color Information

#1d5ddc Color Conversion

Color Schemes with #1d5ddc

Alternatives to #1d5ddc

#1d5ddc Preview

Shades and Tints of #1d5ddc

Tones of #1d5ddc

Color Blindness Simulator