#1d3561 hex color

In a RGB color space, hex #1d3561 is composed of 11.4% red, 20.8% green and 38% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 45.4% magenta, 0% yellow and 62% black. It has a hue angle of 218.8 degrees, a saturation of 54% and a lightness of 24.7%. #1d3561 color hex could be obtained by blending #3a6ac2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 11
- G 21
- B 38
RGB color chart
- C 70
- M 45
- Y 0
- K 62
CMYK color chart

● #1d3561 color description : Very dark blue.

The hexadecimal color #1d3561 has RGB values of R:29, G:53, B:97 and CMYK values of C:0.7, M:0.45, Y:0, K:0.62. Its decimal value is 1914209.

Hex triplet	1d3561	`#1d3561`
RGB Decimal	29, 53, 97	`rgb(29,53,97)`
RGB Percent	11.4, 20.8, 38	`rgb(11.4%,20.8%,38%)`
CMYK	70, 45, 0, 62
HSL	218.8°, 54, 24.7	`hsl(218.8,54%,24.7%)`
HSV (or HSB)	218.8°, 70.1, 38
Web Safe	333366	`#333366`

CIE-LAB	22.55, 6.837, -28.914
XYZ	3.937, 3.67, 11.81
xyY	0.203, 0.189, 3.67
CIE-LCH	22.55, 29.711, 283.303
CIE-LUV	22.55, -9.103, -34.735
Hunter-Lab	19.158, 3.156, -23.138
Binary	00011101, 00110101, 01100001

#1d3561
```
#1d3561 rgb(29,53,97)
```
#61491d
```
#61491d rgb(97,73,29)
```

Complementary Color

#1d5761
```
#1d5761 rgb(29,87,97)
```
#1d3561
```
#1d3561 rgb(29,53,97)
```
#271d61
```
#271d61 rgb(39,29,97)
```

Analogous Color

#57611d
```
#57611d rgb(87,97,29)
```
#1d3561
```
#1d3561 rgb(29,53,97)
```
#61271d
```
#61271d rgb(97,39,29)
```

Split Complementary Color

#35611d
```
#35611d rgb(53,97,29)
```
#1d3561
```
#1d3561 rgb(29,53,97)
```
#611d35
```
#611d35 rgb(97,29,53)
```

Triadic Color

#1d6149
```
#1d6149 rgb(29,97,73)
```
#1d3561
```
#1d3561 rgb(29,53,97)
```
#611d35
```
#611d35 rgb(97,29,53)
```
#61491d
```
#61491d rgb(97,73,29)
```

Tetradic Color

#0b1526
```
#0b1526 rgb(11,21,38)
```
#11203a
```
#11203a rgb(17,32,58)
```
#172a4d
```
#172a4d rgb(23,42,77)
```
#1d3561
```
#1d3561 rgb(29,53,97)
```
#234075
```
#234075 rgb(35,64,117)
```
#294a88
```
#294a88 rgb(41,74,136)
```
#2f559c
```
#2f559c rgb(47,85,156)
```

Monochromatic Color

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

#1d4661
```
#1d4661 rgb(29,70,97)
```
#1d4061
```
#1d4061 rgb(29,64,97)
```
#1d3b61
```
#1d3b61 rgb(29,59,97)
```
#1d3561
```
#1d3561 rgb(29,53,97)
```
#1d2f61
```
#1d2f61 rgb(29,47,97)
```
#1d2a61
```
#1d2a61 rgb(29,42,97)
```
#1d2461
```
#1d2461 rgb(29,36,97)
```

Similar Colors

Text with hexadecimal color #1d3561

This text has a font color of #1d3561.

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

#1d3561 background color

This paragraph has a background color of #1d3561.

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

#1d3561 border color

This element has a border color of #1d3561.

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

CSS codes

.text {color:#1d3561;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#060c15
```
#060c15 rgb(6,12,21)
```
#0b1425
```
#0b1425 rgb(11,20,37)
```
#0f1c34
```
#0f1c34 rgb(15,28,52)
```
#142443
```
#142443 rgb(20,36,67)
```
#182d52
```
#182d52 rgb(24,45,82)
```
#1d3561
```
#1d3561 rgb(29,53,97)
```
#223d70
```
#223d70 rgb(34,61,112)
```
#26467f
```
#26467f rgb(38,70,127)
```
#2b4e8e
```
#2b4e8e rgb(43,78,142)
```
#2f569d
```
#2f569d rgb(47,86,157)
```
#345ead
```
#345ead rgb(52,94,173)
```
#3867bc
```
#3867bc rgb(56,103,188)
```

Shade Color Variation

#4170c6
```
#4170c6 rgb(65,112,198)
```
#507bcb
```
#507bcb rgb(80,123,203)
```
#5f87cf
```
#5f87cf rgb(95,135,207)
```
#6e92d4
```
#6e92d4 rgb(110,146,212)
```
#7d9ed8
```
#7d9ed8 rgb(125,158,216)
```
#8da9dd
```
#8da9dd rgb(141,169,221)
```
#9cb4e1
```
#9cb4e1 rgb(156,180,225)
```
#abc0e6
```
#abc0e6 rgb(171,192,230)
```
#bacbea
```
#bacbea rgb(186,203,234)
```
#c9d6ef
```
#c9d6ef rgb(201,214,239)
```
#d8e2f3
```
#d8e2f3 rgb(216,226,243)
```
#e7edf8
```
#e7edf8 rgb(231,237,248)
```
#f6f8fc
```
#f6f8fc rgb(246,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3f3f3f is the less saturated color, while #052e79 is the most saturated one.

#3f3f3f
```
#3f3f3f rgb(63,63,63)
```
#3a3e44
```
#3a3e44 rgb(58,62,68)
```
#353c49
```
#353c49 rgb(53,60,73)
```
#303b4e
```
#303b4e rgb(48,59,78)
```
#2c3952
```
#2c3952 rgb(44,57,82)
```
#273857
```
#273857 rgb(39,56,87)
```
#22365c
```
#22365c rgb(34,54,92)
```
#1d3561
```
#1d3561 rgb(29,53,97)
```
#183466
```
#183466 rgb(24,52,102)
```
#13326b
```
#13326b rgb(19,50,107)
```
#0e3170
```
#0e3170 rgb(14,49,112)
```
#0a2f74
```
#0a2f74 rgb(10,47,116)
```
#052e79
```
#052e79 rgb(5,46,121)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#2f333c Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c3e68 Protanopia 1% of men
#1e4068 Deuteranopia 1% of men
#0c464b Tritanopia 0.001% of the population

Trichromacy

#263b65 Protanomaly 1% of men, 0.01% of women
#1d3c65 Deuteranomaly 6% of men, 0.4% of women
#124053 Tritanomaly 0.01% of the population

#1d3561 hex color

#1d3561 Color Information

#1d3561 Color Conversion

Color Schemes with #1d3561

Alternatives to #1d3561

#1d3561 Preview

Shades and Tints of #1d3561

Tones of #1d3561

Color Blindness Simulator