#1d5bde hex color

In a RGB color space, hex #1d5bde is composed of 11.4% red, 35.7% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 86.9% cyan, 59% magenta, 0% yellow and 12.9% black. It has a hue angle of 220.7 degrees, a saturation of 76.9% and a lightness of 49.2%. #1d5bde color hex could be obtained by blending #3ab6ff with #0000bd. Closest websafe color is: #3366cc.

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

● #1d5bde color description : Vivid blue.

The hexadecimal color #1d5bde has RGB values of R:29, G:91, B:222 and CMYK values of C:0.87, M:0.59, Y:0, K:0.13. Its decimal value is 1924062.

Hex triplet	1d5bde	`#1d5bde`
RGB Decimal	29, 91, 222	`rgb(29,91,222)`
RGB Percent	11.4, 35.7, 87.1	`rgb(11.4%,35.7%,87.1%)`
CMYK	87, 59, 0, 13
HSL	220.7°, 76.9, 49.2	`hsl(220.7,76.9%,49.2%)`
HSV (or HSB)	220.7°, 86.9, 87.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.787, 30.674, -71.828
XYZ	17.43, 13.016, 70.697
xyY	0.172, 0.129, 13.016
CIE-LCH	42.787, 78.103, 293.125
CIE-LUV	42.787, -18.746, -107.102
Hunter-Lab	36.078, 23.101, -90.929
Binary	00011101, 01011011, 11011110

#1d5bde
```
#1d5bde rgb(29,91,222)
```
#dea01d
```
#dea01d rgb(222,160,29)
```

Complementary Color

#1dbcde
```
#1dbcde rgb(29,188,222)
```
#1d5bde
```
#1d5bde rgb(29,91,222)
```
#3f1dde
```
#3f1dde rgb(63,29,222)
```

Analogous Color

#bcde1d
```
#bcde1d rgb(188,222,29)
```
#1d5bde
```
#1d5bde rgb(29,91,222)
```
#de3f1d
```
#de3f1d rgb(222,63,29)
```

Split Complementary Color

#5bde1d
```
#5bde1d rgb(91,222,29)
```
#1d5bde
```
#1d5bde rgb(29,91,222)
```
#de1d5b
```
#de1d5b rgb(222,29,91)
```

Triadic Color

#1ddea0
```
#1ddea0 rgb(29,222,160)
```
#1d5bde
```
#1d5bde rgb(29,91,222)
```
#de1d5b
```
#de1d5b rgb(222,29,91)
```
#dea01d
```
#dea01d rgb(222,160,29)
```

Tetradic Color

#143f9a
```
#143f9a rgb(20,63,154)
```
#1749b1
```
#1749b1 rgb(23,73,177)
```
#1a52c7
```
#1a52c7 rgb(26,82,199)
```
#1d5bde
```
#1d5bde rgb(29,91,222)
```
#306ae4
```
#306ae4 rgb(48,106,228)
```
#477ae7
```
#477ae7 rgb(71,122,231)
```
#5e8bea
```
#5e8bea rgb(94,139,234)
```

Monochromatic Color

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

#1d8bde
```
#1d8bde rgb(29,139,222)
```
#1d7bde
```
#1d7bde rgb(29,123,222)
```
#1d6bde
```
#1d6bde rgb(29,107,222)
```
#1d5bde
```
#1d5bde rgb(29,91,222)
```
#1d4bde
```
#1d4bde rgb(29,75,222)
```
#1d3bde
```
#1d3bde rgb(29,59,222)
```
#1d2bde
```
#1d2bde rgb(29,43,222)
```

Similar Colors

Text with hexadecimal color #1d5bde

This text has a font color of #1d5bde.

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

#1d5bde background color

This paragraph has a background color of #1d5bde.

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

#1d5bde border color

This element has a border color of #1d5bde.

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

CSS codes

.text {color:#1d5bde;}

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

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

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, #02060e is the darkest color, while #fbfcff is the lightest one.

#02060e
```
#02060e rgb(2,6,14)
```
#040d1f
```
#040d1f rgb(4,13,31)
```
#061431
```
#061431 rgb(6,20,49)
```
#091b42
```
#091b42 rgb(9,27,66)
```
#0b2253
```
#0b2253 rgb(11,34,83)
```
#0d2965
```
#0d2965 rgb(13,41,101)
```
#0f3076
```
#0f3076 rgb(15,48,118)
```
#123787
```
#123787 rgb(18,55,135)
```
#143f99
```
#143f99 rgb(20,63,153)
```
#1646aa
```
#1646aa rgb(22,70,170)
```
#184dbb
```
#184dbb rgb(24,77,187)
```
#1b54cd
```
#1b54cd rgb(27,84,205)
```
#1d5bde
```
#1d5bde rgb(29,91,222)
```

Shade Color Variation

#2b66e3
```
#2b66e3 rgb(43,102,227)
```
#3d73e6
```
#3d73e6 rgb(61,115,230)
```
#4e7fe8
```
#4e7fe8 rgb(78,127,232)
```
#5f8cea
```
#5f8cea rgb(95,140,234)
```
#7198ec
```
#7198ec rgb(113,152,236)
```
#82a5ef
```
#82a5ef rgb(130,165,239)
```
#93b1f1
```
#93b1f1 rgb(147,177,241)
```
#a5bef3
```
#a5bef3 rgb(165,190,243)
```
#b6caf5
```
#b6caf5 rgb(182,202,245)
```
#c7d7f8
```
#c7d7f8 rgb(199,215,248)
```
#d9e3fa
```
#d9e3fa rgb(217,227,250)
```
#eaf0fc
```
#eaf0fc rgb(234,240,252)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#747a87
```
#747a87 rgb(116,122,135)
```
#6a7791
```
#6a7791 rgb(106,119,145)
```
#61739a
```
#61739a rgb(97,115,154)
```
#5770a4
```
#5770a4 rgb(87,112,164)
```
#4d6cae
```
#4d6cae rgb(77,108,174)
```
#4469b7
```
#4469b7 rgb(68,105,183)
```
#3a65c1
```
#3a65c1 rgb(58,101,193)
```
#3062cb
```
#3062cb rgb(48,98,203)
```
#275ed4
```
#275ed4 rgb(39,94,212)
```
#1d5bde
```
#1d5bde rgb(29,91,222)
```
#1358e8
```
#1358e8 rgb(19,88,232)
```
#0a54f1
```
#0a54f1 rgb(10,84,241)
```
#0051fb
```
#0051fb rgb(0,81,251)
```

Tone Color Variation

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

Dichromacy

#0069ce Protanopia 1% of men
#006fb4 Deuteranopia 1% of men
#00777e Tritanopia 0.001% of the population

Trichromacy

#0a64d4 Protanomaly 1% of men, 0.01% of women
#0a68c3 Deuteranomaly 6% of men, 0.4% of women
#0a6da1 Tritanomaly 0.01% of the population

#1d5bde hex color

#1d5bde Color Information

#1d5bde Color Conversion

Color Schemes with #1d5bde

Alternatives to #1d5bde

#1d5bde Preview

Shades and Tints of #1d5bde

Tones of #1d5bde

Color Blindness Simulator