colorhexa.com

#1d3684 hex color

In a RGB color space, hex #1d3684 is composed of 11.4% red, 21.2% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 59.1% magenta, 0% yellow and 48.2% black. It has a hue angle of 225.4 degrees, a saturation of 64% and a lightness of 31.6%. #1d3684 color hex could be obtained by blending #3a6cff with #000009. Closest websafe color is: #333399.

- R 11
- G 21
- B 52
RGB color chart
- C 78
- M 59
- Y 0
- K 48
CMYK color chart

● #1d3684 color description : Dark blue.

The hexadecimal color #1d3684 has RGB values of R:29, G:54, B:132 and CMYK values of C:0.78, M:0.59, Y:0, K:0.48. Its decimal value is 1914500.

Hex triplet	1d3684	`#1d3684`
RGB Decimal	29, 54, 132	`rgb(29,54,132)`
RGB Percent	11.4, 21.2, 51.8	`rgb(11.4%,21.2%,51.8%)`
CMYK	78, 59, 0, 48
HSL	225.4°, 64, 31.6	`hsl(225.4,64%,31.6%)`
HSV (or HSB)	225.4°, 78, 51.8
Web Safe	333399	`#333399`

CIE-LAB	25.458, 20.276, -46.577
XYZ	5.99, 4.565, 22.394
xyY	0.182, 0.139, 4.565
CIE-LCH	25.458, 50.799, 293.525
CIE-LUV	25.458, -9.496, -59.003
Hunter-Lab	21.366, 12.651, -47.186
Binary	00011101, 00110110, 10000100

#1d3684
```
#1d3684 rgb(29,54,132)
```
#846b1d
```
#846b1d rgb(132,107,29)
```

Complementary Color

#1d6a84
```
#1d6a84 rgb(29,106,132)
```
#1d3684
```
#1d3684 rgb(29,54,132)
```
#381d84
```
#381d84 rgb(56,29,132)
```

Analogous Color

#6a841d
```
#6a841d rgb(106,132,29)
```
#1d3684
```
#1d3684 rgb(29,54,132)
```
#84381d
```
#84381d rgb(132,56,29)
```

Split Complementary Color

#36841d
```
#36841d rgb(54,132,29)
```
#1d3684
```
#1d3684 rgb(29,54,132)
```
#841d36
```
#841d36 rgb(132,29,54)
```

Triadic Color

#1d846b
```
#1d846b rgb(29,132,107)
```
#1d3684
```
#1d3684 rgb(29,54,132)
```
#841d36
```
#841d36 rgb(132,29,54)
```
#846b1d
```
#846b1d rgb(132,107,29)
```

Tetradic Color

#0f1c45
```
#0f1c45 rgb(15,28,69)
```
#14255a
```
#14255a rgb(20,37,90)
```
#182d6f
```
#182d6f rgb(24,45,111)
```
#1d3684
```
#1d3684 rgb(29,54,132)
```
#223f99
```
#223f99 rgb(34,63,153)
```
#2647ae
```
#2647ae rgb(38,71,174)
```
#2b50c3
```
#2b50c3 rgb(43,80,195)
```

Monochromatic Color

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

#1d5084
```
#1d5084 rgb(29,80,132)
```
#1d4784
```
#1d4784 rgb(29,71,132)
```
#1d3f84
```
#1d3f84 rgb(29,63,132)
```
#1d3684
```
#1d3684 rgb(29,54,132)
```
#1d2d84
```
#1d2d84 rgb(29,45,132)
```
#1d2584
```
#1d2584 rgb(29,37,132)
```
#1e1d84
```
#1e1d84 rgb(30,29,132)
```

Similar Colors

Text with hexadecimal color #1d3684

This text has a font color of #1d3684.

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

#1d3684 background color

This paragraph has a background color of #1d3684.

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

#1d3684 border color

This element has a border color of #1d3684.

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

CSS codes

.text {color:#1d3684;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#040813
```
#040813 rgb(4,8,19)
```
#080f24
```
#080f24 rgb(8,15,36)
```
#0b1534
```
#0b1534 rgb(11,21,52)
```
#0f1c44
```
#0f1c44 rgb(15,28,68)
```
#122254
```
#122254 rgb(18,34,84)
```
#162964
```
#162964 rgb(22,41,100)
```
#192f74
```
#192f74 rgb(25,47,116)
```
#1d3684
```
#1d3684 rgb(29,54,132)
```
#213d94
```
#213d94 rgb(33,61,148)
```
#2443a4
```
#2443a4 rgb(36,67,164)
```
#284ab4
```
#284ab4 rgb(40,74,180)
```
#2b50c4
```
#2b50c4 rgb(43,80,196)
```

Shade Color Variation

#3158d2
```
#3158d2 rgb(49,88,210)
```
#4165d5
```
#4165d5 rgb(65,101,213)
```
#5172d9
```
#5172d9 rgb(81,114,217)
```
#627fdc
```
#627fdc rgb(98,127,220)
```
#728ce0
```
#728ce0 rgb(114,140,224)
```
#8299e3
```
#8299e3 rgb(130,153,227)
```
#92a6e7
```
#92a6e7 rgb(146,166,231)
```
#a2b3eb
```
#a2b3eb rgb(162,179,235)
```
#b2c1ee
```
#b2c1ee rgb(178,193,238)
```
#c2cef2
```
#c2cef2 rgb(194,206,242)
```
#d2dbf5
```
#d2dbf5 rgb(210,219,245)
```
#e2e8f9
```
#e2e8f9 rgb(226,232,249)
```
#f2f5fc
```
#f2f5fc rgb(242,245,252)
```

Tint Color Variation

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

#4f4f52
```
#4f4f52 rgb(79,79,82)
```
#484c59
```
#484c59 rgb(72,76,89)
```
#42495f
```
#42495f rgb(66,73,95)
```
#3c4665
```
#3c4665 rgb(60,70,101)
```
#36436b
```
#36436b rgb(54,67,107)
```
#304071
```
#304071 rgb(48,64,113)
```
#293c78
```
#293c78 rgb(41,60,120)
```
#23397e
```
#23397e rgb(35,57,126)
```
#1d3684
```
#1d3684 rgb(29,54,132)
```
#17338a
```
#17338a rgb(23,51,138)
```
#113090
```
#113090 rgb(17,48,144)
```
#0a2c97
```
#0a2c97 rgb(10,44,151)
```
#04299d
```
#04299d rgb(4,41,157)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#323746 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004485 Protanopia 1% of men
#004875 Deuteranopia 1% of men
#004d52 Tritanopia 0.001% of the population

Trichromacy

#0a3f85 Protanomaly 1% of men, 0.01% of women
#0a417a Deuteranomaly 6% of men, 0.4% of women
#0a4464 Tritanomaly 0.01% of the population