#1d5688 hex color

In a RGB color space, hex #1d5688 is composed of 11.4% red, 33.7% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 78.7% cyan, 36.8% magenta, 0% yellow and 46.7% black. It has a hue angle of 208 degrees, a saturation of 64.8% and a lightness of 32.4%. #1d5688 color hex could be obtained by blending #3aacff with #000011. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 11
- G 34
- B 53
RGB color chart
- C 79
- M 37
- Y 0
- K 47
CMYK color chart

● #1d5688 color description : Dark blue.

The hexadecimal color #1d5688 has RGB values of R:29, G:86, B:136 and CMYK values of C:0.79, M:0.37, Y:0, K:0.47. Its decimal value is 1922696.

Hex triplet	1d5688	`#1d5688`
RGB Decimal	29, 86, 136	`rgb(29,86,136)`
RGB Percent	11.4, 33.7, 53.3	`rgb(11.4%,33.7%,53.3%)`
CMYK	79, 37, 0, 47
HSL	208°, 64.8, 32.4	`hsl(208,64.8%,32.4%)`
HSV (or HSB)	208°, 78.7, 53.3
Web Safe	336699	`#336699`

CIE-LAB	35.388, 0.128, -33.101
XYZ	8.277, 8.694, 24.533
xyY	0.199, 0.209, 8.694
CIE-LCH	35.388, 33.102, 270.221
CIE-LUV	35.388, -19.262, -45.891
Hunter-Lab	29.485, -1.488, -28.693
Binary	00011101, 01010110, 10001000

#1d5688
```
#1d5688 rgb(29,86,136)
```
#884f1d
```
#884f1d rgb(136,79,29)
```

Complementary Color

#1d8885
```
#1d8885 rgb(29,136,133)
```
#1d5688
```
#1d5688 rgb(29,86,136)
```
#1d2188
```
#1d2188 rgb(29,33,136)
```

Analogous Color

#88851d
```
#88851d rgb(136,133,29)
```
#1d5688
```
#1d5688 rgb(29,86,136)
```
#881d21
```
#881d21 rgb(136,29,33)
```

Split Complementary Color

#56881d
```
#56881d rgb(86,136,29)
```
#1d5688
```
#1d5688 rgb(29,86,136)
```
#881d56
```
#881d56 rgb(136,29,86)
```

Triadic Color

#1d884f
```
#1d884f rgb(29,136,79)
```
#1d5688
```
#1d5688 rgb(29,86,136)
```
#881d56
```
#881d56 rgb(136,29,86)
```
#884f1d
```
#884f1d rgb(136,79,29)
```

Tetradic Color

#102e49
```
#102e49 rgb(16,46,73)
```
#143b5e
```
#143b5e rgb(20,59,94)
```
#194973
```
#194973 rgb(25,73,115)
```
#1d5688
```
#1d5688 rgb(29,86,136)
```
#21639d
```
#21639d rgb(33,99,157)
```
#2671b2
```
#2671b2 rgb(38,113,178)
```
#2a7ec7
```
#2a7ec7 rgb(42,126,199)
```

Monochromatic Color

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

#1d7188
```
#1d7188 rgb(29,113,136)
```
#1d6888
```
#1d6888 rgb(29,104,136)
```
#1d5f88
```
#1d5f88 rgb(29,95,136)
```
#1d5688
```
#1d5688 rgb(29,86,136)
```
#1d4d88
```
#1d4d88 rgb(29,77,136)
```
#1d4488
```
#1d4488 rgb(29,68,136)
```
#1d3b88
```
#1d3b88 rgb(29,59,136)
```

Similar Colors

Text with hexadecimal color #1d5688

This text has a font color of #1d5688.

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

#1d5688 background color

This paragraph has a background color of #1d5688.

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

#1d5688 border color

This element has a border color of #1d5688.

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

CSS codes

.text {color:#1d5688;}

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

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

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

#010407
```
#010407 rgb(1,4,7)
```
#050e17
```
#050e17 rgb(5,14,23)
```
#081927
```
#081927 rgb(8,25,39)
```
#0c2337
```
#0c2337 rgb(12,35,55)
```
#0f2d47
```
#0f2d47 rgb(15,45,71)
```
#133757
```
#133757 rgb(19,55,87)
```
#164268
```
#164268 rgb(22,66,104)
```
#1a4c78
```
#1a4c78 rgb(26,76,120)
```
#1d5688
```
#1d5688 rgb(29,86,136)
```
#206098
```
#206098 rgb(32,96,152)
```
#246aa8
```
#246aa8 rgb(36,106,168)
```
#2775b9
```
#2775b9 rgb(39,117,185)
```
#2b7fc9
```
#2b7fc9 rgb(43,127,201)
```

Shade Color Variation

#3389d4
```
#3389d4 rgb(51,137,212)
```
#4492d7
```
#4492d7 rgb(68,146,215)
```
#549cda
```
#549cda rgb(84,156,218)
```
#64a5de
```
#64a5de rgb(100,165,222)
```
#74aee1
```
#74aee1 rgb(116,174,225)
```
#84b8e5
```
#84b8e5 rgb(132,184,229)
```
#94c1e8
```
#94c1e8 rgb(148,193,232)
```
#a5cbec
```
#a5cbec rgb(165,203,236)
```
#b5d4ef
```
#b5d4ef rgb(181,212,239)
```
#c5ddf3
```
#c5ddf3 rgb(197,221,243)
```
#d5e7f6
```
#d5e7f6 rgb(213,231,246)
```
#e5f0fa
```
#e5f0fa rgb(229,240,250)
```
#f5f9fd
```
#f5f9fd rgb(245,249,253)
```

Tint Color Variation

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

#505355
```
#505355 rgb(80,83,85)
```
#49535c
```
#49535c rgb(73,83,92)
```
#435462
```
#435462 rgb(67,84,98)
```
#3d5468
```
#3d5468 rgb(61,84,104)
```
#36546f
```
#36546f rgb(54,84,111)
```
#305575
```
#305575 rgb(48,85,117)
```
#2a557b
```
#2a557b rgb(42,85,123)
```
#235682
```
#235682 rgb(35,86,130)
```
#1d5688
```
#1d5688 rgb(29,86,136)
```
#17568e
```
#17568e rgb(23,86,142)
```
#105795
```
#105795 rgb(16,87,149)
```
#0a579b
```
#0a579b rgb(10,87,155)
```
#0458a1
```
#0458a1 rgb(4,88,161)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#424d57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#485a8a Protanopia 1% of men
#395c8f Deuteranopia 1% of men
#00656c Tritanopia 0.001% of the population

Trichromacy

#385889 Protanomaly 1% of men, 0.01% of women
#2f5a8c Deuteranomaly 6% of men, 0.4% of women
#0a5f76 Tritanomaly 0.01% of the population

#1d5688 hex color

#1d5688 Color Information

#1d5688 Color Conversion

Color Schemes with #1d5688

Alternatives to #1d5688

#1d5688 Preview

Shades and Tints of #1d5688

Tones of #1d5688

Color Blindness Simulator