#1d5ddd hex color

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

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

● #1d5ddd color description : Vivid blue.

The hexadecimal color #1d5ddd has RGB values of R:29, G:93, B:221 and CMYK values of C:0.87, M:0.58, Y:0, K:0.13. Its decimal value is 1924573.

Hex triplet	1d5ddd	`#1d5ddd`
RGB Decimal	29, 93, 221	`rgb(29,93,221)`
RGB Percent	11.4, 36.5, 86.7	`rgb(11.4%,36.5%,86.7%)`
CMYK	87, 58, 0, 13
HSL	220°, 76.8, 49	`hsl(220,76.8%,49%)`
HSV (or HSB)	220°, 86.9, 86.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.225, 29.002, -70.543
XYZ	17.469, 13.309, 70.051
xyY	0.173, 0.132, 13.309
CIE-LCH	43.225, 76.272, 292.348
CIE-LUV	43.225, -19.269, -105.635
Hunter-Lab	36.481, 21.634, -88.31
Binary	00011101, 01011101, 11011101

#1d5ddd
```
#1d5ddd rgb(29,93,221)
```
#dd9d1d
```
#dd9d1d rgb(221,157,29)
```

Complementary Color

#1dbddd
```
#1dbddd rgb(29,189,221)
```
#1d5ddd
```
#1d5ddd rgb(29,93,221)
```
#3d1ddd
```
#3d1ddd rgb(61,29,221)
```

Analogous Color

#bddd1d
```
#bddd1d rgb(189,221,29)
```
#1d5ddd
```
#1d5ddd rgb(29,93,221)
```
#dd3d1d
```
#dd3d1d rgb(221,61,29)
```

Split Complementary Color

#5ddd1d
```
#5ddd1d rgb(93,221,29)
```
#1d5ddd
```
#1d5ddd rgb(29,93,221)
```
#dd1d5d
```
#dd1d5d rgb(221,29,93)
```

Triadic Color

#1ddd9d
```
#1ddd9d rgb(29,221,157)
```
#1d5ddd
```
#1d5ddd rgb(29,93,221)
```
#dd1d5d
```
#dd1d5d rgb(221,29,93)
```
#dd9d1d
```
#dd9d1d rgb(221,157,29)
```

Tetradic Color

#144199
```
#144199 rgb(20,65,153)
```
#174ab0
```
#174ab0 rgb(23,74,176)
```
#1a54c6
```
#1a54c6 rgb(26,84,198)
```
#1d5ddd
```
#1d5ddd rgb(29,93,221)
```
#306ce4
```
#306ce4 rgb(48,108,228)
```
#467ce7
```
#467ce7 rgb(70,124,231)
```
#5d8cea
```
#5d8cea rgb(93,140,234)
```

Monochromatic Color

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

#1d8ddd
```
#1d8ddd rgb(29,141,221)
```
#1d7ddd
```
#1d7ddd rgb(29,125,221)
```
#1d6ddd
```
#1d6ddd rgb(29,109,221)
```
#1d5ddd
```
#1d5ddd rgb(29,93,221)
```
#1d4ddd
```
#1d4ddd rgb(29,77,221)
```
#1d3ddd
```
#1d3ddd rgb(29,61,221)
```
#1d2ddd
```
#1d2ddd rgb(29,45,221)
```

Similar Colors

Text with hexadecimal color #1d5ddd

This text has a font color of #1d5ddd.

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

#1d5ddd background color

This paragraph has a background color of #1d5ddd.

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

#1d5ddd border color

This element has a border color of #1d5ddd.

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

CSS codes

.text {color:#1d5ddd;}

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

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

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

#02050d
```
#02050d rgb(2,5,13)
```
#040d1e
```
#040d1e rgb(4,13,30)
```
#061430
```
#061430 rgb(6,20,48)
```
#091b41
```
#091b41 rgb(9,27,65)
```
#0b2352
```
#0b2352 rgb(11,35,82)
```
#0d2a64
```
#0d2a64 rgb(13,42,100)
```
#0f3175
```
#0f3175 rgb(15,49,117)
```
#123986
```
#123986 rgb(18,57,134)
```
#144098
```
#144098 rgb(20,64,152)
```
#1647a9
```
#1647a9 rgb(22,71,169)
```
#184eba
```
#184eba rgb(24,78,186)
```
#1b56cc
```
#1b56cc rgb(27,86,204)
```
#1d5ddd
```
#1d5ddd rgb(29,93,221)
```

Shade Color Variation

#2b68e3
```
#2b68e3 rgb(43,104,227)
```
#3c74e5
```
#3c74e5 rgb(60,116,229)
```
#4d81e8
```
#4d81e8 rgb(77,129,232)
```
#5f8dea
```
#5f8dea rgb(95,141,234)
```
#7099ec
```
#7099ec rgb(112,153,236)
```
#81a6ee
```
#81a6ee rgb(129,166,238)
```
#93b2f1
```
#93b2f1 rgb(147,178,241)
```
#a4bef3
```
#a4bef3 rgb(164,190,243)
```
#b5cbf5
```
#b5cbf5 rgb(181,203,245)
```
#c7d7f8
```
#c7d7f8 rgb(199,215,248)
```
#d8e3fa
```
#d8e3fa rgb(216,227,250)
```
#e9f0fc
```
#e9f0fc rgb(233,240,252)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#747a86
```
#747a86 rgb(116,122,134)
```
#6a7790
```
#6a7790 rgb(106,119,144)
```
#60739a
```
#60739a rgb(96,115,154)
```
#5770a3
```
#5770a3 rgb(87,112,163)
```
#4d6dad
```
#4d6dad rgb(77,109,173)
```
#436ab7
```
#436ab7 rgb(67,106,183)
```
#3a67c0
```
#3a67c0 rgb(58,103,192)
```
#3063ca
```
#3063ca rgb(48,99,202)
```
#2760d3
```
#2760d3 rgb(39,96,211)
```
#1d5ddd
```
#1d5ddd rgb(29,93,221)
```
#135ae7
```
#135ae7 rgb(19,90,231)
```
#0a57f0
```
#0a57f0 rgb(10,87,240)
```
#0053fa
```
#0053fa rgb(0,83,250)
```

Tone Color Variation

Below, you can see how #1d5ddd 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
#4c5973 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#0a65d5 Protanomaly 1% of men, 0.01% of women
#0a69c4 Deuteranomaly 6% of men, 0.4% of women
#0a6ea1 Tritanomaly 0.01% of the population

#1d5ddd hex color

#1d5ddd Color Information

#1d5ddd Color Conversion

Color Schemes with #1d5ddd

Alternatives to #1d5ddd

#1d5ddd Preview

Shades and Tints of #1d5ddd

Tones of #1d5ddd

Color Blindness Simulator