#1d5487 hex color

In a RGB color space, hex #1d5487 is composed of 11.4% red, 32.9% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 78.5% cyan, 37.8% magenta, 0% yellow and 47.1% black. It has a hue angle of 208.9 degrees, a saturation of 64.6% and a lightness of 32.2%. #1d5487 color hex could be obtained by blending #3aa8ff with #00000f. Closest websafe color is: #336699.

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

● #1d5487 color description : Dark blue.

The hexadecimal color #1d5487 has RGB values of R:29, G:84, B:135 and CMYK values of C:0.79, M:0.38, Y:0, K:0.47. Its decimal value is 1922183.

Hex triplet	1d5487	`#1d5487`
RGB Decimal	29, 84, 135	`rgb(29,84,135)`
RGB Percent	11.4, 32.9, 52.9	`rgb(11.4%,32.9%,52.9%)`
CMYK	79, 38, 0, 47
HSL	208.9°, 64.6, 32.2	`hsl(208.9,64.6%,32.2%)`
HSV (or HSB)	208.9°, 78.5, 52.9
Web Safe	336699	`#336699`

CIE-LAB	34.702, 1.026, -33.576
XYZ	8.049, 8.35, 24.108
xyY	0.199, 0.206, 8.35
CIE-LCH	34.702, 33.592, 271.75
CIE-LUV	34.702, -18.616, -46.4
Hunter-Lab	28.897, -0.85, -29.236
Binary	00011101, 01010100, 10000111

#1d5487
```
#1d5487 rgb(29,84,135)
```
#87501d
```
#87501d rgb(135,80,29)
```

Complementary Color

#1d8785
```
#1d8785 rgb(29,135,133)
```
#1d5487
```
#1d5487 rgb(29,84,135)
```
#1d1f87
```
#1d1f87 rgb(29,31,135)
```

Analogous Color

#87851d
```
#87851d rgb(135,133,29)
```
#1d5487
```
#1d5487 rgb(29,84,135)
```
#871d1f
```
#871d1f rgb(135,29,31)
```

Split Complementary Color

#54871d
```
#54871d rgb(84,135,29)
```
#1d5487
```
#1d5487 rgb(29,84,135)
```
#871d54
```
#871d54 rgb(135,29,84)
```

Triadic Color

#1d8750
```
#1d8750 rgb(29,135,80)
```
#1d5487
```
#1d5487 rgb(29,84,135)
```
#871d54
```
#871d54 rgb(135,29,84)
```
#87501d
```
#87501d rgb(135,80,29)
```

Tetradic Color

#0f2d48
```
#0f2d48 rgb(15,45,72)
```
#143a5d
```
#143a5d rgb(20,58,93)
```
#184772
```
#184772 rgb(24,71,114)
```
#1d5487
```
#1d5487 rgb(29,84,135)
```
#22619c
```
#22619c rgb(34,97,156)
```
#266eb1
```
#266eb1 rgb(38,110,177)
```
#2b7bc6
```
#2b7bc6 rgb(43,123,198)
```

Monochromatic Color

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

#1d6f87
```
#1d6f87 rgb(29,111,135)
```
#1d6687
```
#1d6687 rgb(29,102,135)
```
#1d5d87
```
#1d5d87 rgb(29,93,135)
```
#1d5487
```
#1d5487 rgb(29,84,135)
```
#1d4b87
```
#1d4b87 rgb(29,75,135)
```
#1d4287
```
#1d4287 rgb(29,66,135)
```
#1d3a87
```
#1d3a87 rgb(29,58,135)
```

Similar Colors

Text with hexadecimal color #1d5487

This text has a font color of #1d5487.

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

#1d5487 background color

This paragraph has a background color of #1d5487.

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

#1d5487 border color

This element has a border color of #1d5487.

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

CSS codes

.text {color:#1d5487;}

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

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

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

#010406
```
#010406 rgb(1,4,6)
```
#050e16
```
#050e16 rgb(5,14,22)
```
#081826
```
#081826 rgb(8,24,38)
```
#0c2236
```
#0c2236 rgb(12,34,54)
```
#0f2c46
```
#0f2c46 rgb(15,44,70)
```
#133657
```
#133657 rgb(19,54,87)
```
#164067
```
#164067 rgb(22,64,103)
```
#1a4a77
```
#1a4a77 rgb(26,74,119)
```
#1d5487
```
#1d5487 rgb(29,84,135)
```
#205e97
```
#205e97 rgb(32,94,151)
```
#2468a7
```
#2468a7 rgb(36,104,167)
```
#2772b7
```
#2772b7 rgb(39,114,183)
```
#2b7cc8
```
#2b7cc8 rgb(43,124,200)
```

Shade Color Variation

#3386d3
```
#3386d3 rgb(51,134,211)
```
#4390d7
```
#4390d7 rgb(67,144,215)
```
#5399da
```
#5399da rgb(83,153,218)
```
#63a3de
```
#63a3de rgb(99,163,222)
```
#74ace1
```
#74ace1 rgb(116,172,225)
```
#84b6e5
```
#84b6e5 rgb(132,182,229)
```
#94bfe8
```
#94bfe8 rgb(148,191,232)
```
#a4c9eb
```
#a4c9eb rgb(164,201,235)
```
#b4d3ef
```
#b4d3ef rgb(180,211,239)
```
#c4dcf2
```
#c4dcf2 rgb(196,220,242)
```
#d4e6f6
```
#d4e6f6 rgb(212,230,246)
```
#e5eff9
```
#e5eff9 rgb(229,239,249)
```
#f5f9fd
```
#f5f9fd rgb(245,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f5255 is the less saturated color, while #0455a0 is the most saturated one.

#4f5255
```
#4f5255 rgb(79,82,85)
```
#49525b
```
#49525b rgb(73,82,91)
```
#435361
```
#435361 rgb(67,83,97)
```
#3d5367
```
#3d5367 rgb(61,83,103)
```
#36536e
```
#36536e rgb(54,83,110)
```
#305374
```
#305374 rgb(48,83,116)
```
#2a547a
```
#2a547a rgb(42,84,122)
```
#235481
```
#235481 rgb(35,84,129)
```
#1d5487
```
#1d5487 rgb(29,84,135)
```
#17548d
```
#17548d rgb(23,84,141)
```
#105494
```
#105494 rgb(16,84,148)
```
#0a559a
```
#0a559a rgb(10,85,154)
```
#0455a0
```
#0455a0 rgb(4,85,160)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#404b55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#46598a Protanopia 1% of men
#365b8e Deuteranopia 1% of men
#00636a Tritanopia 0.001% of the population

Trichromacy

#375789 Protanomaly 1% of men, 0.01% of women
#2d588b Deuteranomaly 6% of men, 0.4% of women
#0a5d74 Tritanomaly 0.01% of the population

#1d5487 hex color

#1d5487 Color Information

#1d5487 Color Conversion

Color Schemes with #1d5487

Alternatives to #1d5487

#1d5487 Preview

Shades and Tints of #1d5487

Tones of #1d5487

Color Blindness Simulator