#1d3450 hex color

In a RGB color space, hex #1d3450 is composed of 11.4% red, 20.4% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 35% magenta, 0% yellow and 68.6% black. It has a hue angle of 212.9 degrees, a saturation of 46.8% and a lightness of 21.4%. #1d3450 color hex could be obtained by blending #3a68a0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 11
- G 20
- B 31
RGB color chart
- C 64
- M 35
- Y 0
- K 69
CMYK color chart

● #1d3450 color description : Very dark blue.

The hexadecimal color #1d3450 has RGB values of R:29, G:52, B:80 and CMYK values of C:0.64, M:0.35, Y:0, K:0.69. Its decimal value is 1913936.

Hex triplet	1d3450	`#1d3450`
RGB Decimal	29, 52, 80	`rgb(29,52,80)`
RGB Percent	11.4, 20.4, 31.4	`rgb(11.4%,20.4%,31.4%)`
CMYK	64, 35, 0, 69
HSL	212.9°, 46.8, 21.4	`hsl(212.9,46.8%,21.4%)`
HSV (or HSB)	212.9°, 63.8, 31.4
Web Safe	333366	`#333366`

CIE-LAB	21.193, 0.838, -19.841
XYZ	3.182, 3.296, 8.058
xyY	0.219, 0.227, 3.296
CIE-LCH	21.193, 19.859, 272.419
CIE-LUV	21.193, -8.841, -22.606
Hunter-Lab	18.155, -0.484, -13.605
Binary	00011101, 00110100, 01010000

#1d3450
```
#1d3450 rgb(29,52,80)
```
#50391d
```
#50391d rgb(80,57,29)
```

Complementary Color

#1d4e50
```
#1d4e50 rgb(29,78,80)
```
#1d3450
```
#1d3450 rgb(29,52,80)
```
#201d50
```
#201d50 rgb(32,29,80)
```

Analogous Color

#4e501d
```
#4e501d rgb(78,80,29)
```
#1d3450
```
#1d3450 rgb(29,52,80)
```
#50201d
```
#50201d rgb(80,32,29)
```

Split Complementary Color

#34501d
```
#34501d rgb(52,80,29)
```
#1d3450
```
#1d3450 rgb(29,52,80)
```
#501d34
```
#501d34 rgb(80,29,52)
```

Triadic Color

#1d5039
```
#1d5039 rgb(29,80,57)
```
#1d3450
```
#1d3450 rgb(29,52,80)
```
#501d34
```
#501d34 rgb(80,29,52)
```
#50391d
```
#50391d rgb(80,57,29)
```

Tetradic Color

#091018
```
#091018 rgb(9,16,24)
```
#0f1c2b
```
#0f1c2b rgb(15,28,43)
```
#16283d
```
#16283d rgb(22,40,61)
```
#1d3450
```
#1d3450 rgb(29,52,80)
```
#244063
```
#244063 rgb(36,64,99)
```
#2b4c75
```
#2b4c75 rgb(43,76,117)
```
#315888
```
#315888 rgb(49,88,136)
```

Monochromatic Color

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

#1d4150
```
#1d4150 rgb(29,65,80)
```
#1d3d50
```
#1d3d50 rgb(29,61,80)
```
#1d3850
```
#1d3850 rgb(29,56,80)
```
#1d3450
```
#1d3450 rgb(29,52,80)
```
#1d3050
```
#1d3050 rgb(29,48,80)
```
#1d2c50
```
#1d2c50 rgb(29,44,80)
```
#1d2750
```
#1d2750 rgb(29,39,80)
```

Similar Colors

Text with hexadecimal color #1d3450

This text has a font color of #1d3450.

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

#1d3450 background color

This paragraph has a background color of #1d3450.

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

#1d3450 border color

This element has a border color of #1d3450.

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

CSS codes

.text {color:#1d3450;}

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

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

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

#030508
```
#030508 rgb(3,5,8)
```
#080f16
```
#080f16 rgb(8,15,22)
```
#0d1825
```
#0d1825 rgb(13,24,37)
```
#132133
```
#132133 rgb(19,33,51)
```
#182b42
```
#182b42 rgb(24,43,66)
```
#1d3450
```
#1d3450 rgb(29,52,80)
```
#223d5e
```
#223d5e rgb(34,61,94)
```
#27476d
```
#27476d rgb(39,71,109)
```
#2d507b
```
#2d507b rgb(45,80,123)
```
#32598a
```
#32598a rgb(50,89,138)
```
#376398
```
#376398 rgb(55,99,152)
```
#3c6ca6
```
#3c6ca6 rgb(60,108,166)
```
#4276b5
```
#4276b5 rgb(66,118,181)
```

Shade Color Variation

#4c7fbe
```
#4c7fbe rgb(76,127,190)
```
#5a8ac3
```
#5a8ac3 rgb(90,138,195)
```
#6994c8
```
#6994c8 rgb(105,148,200)
```
#779ece
```
#779ece rgb(119,158,206)
```
#85a8d3
```
#85a8d3 rgb(133,168,211)
```
#94b3d8
```
#94b3d8 rgb(148,179,216)
```
#a2bddd
```
#a2bddd rgb(162,189,221)
```
#b1c7e3
```
#b1c7e3 rgb(177,199,227)
```
#bfd1e8
```
#bfd1e8 rgb(191,209,232)
```
#cddced
```
#cddced rgb(205,220,237)
```
#dce6f2
```
#dce6f2 rgb(220,230,242)
```
#eaf0f7
```
#eaf0f7 rgb(234,240,247)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#363637
```
#363637 rgb(54,54,55)
```
#32363b
```
#32363b rgb(50,54,59)
```
#2e363f
```
#2e363f rgb(46,54,63)
```
#2a3543
```
#2a3543 rgb(42,53,67)
```
#253548
```
#253548 rgb(37,53,72)
```
#21344c
```
#21344c rgb(33,52,76)
```
#1d3450
```
#1d3450 rgb(29,52,80)
```
#193454
```
#193454 rgb(25,52,84)
```
#153358
```
#153358 rgb(21,51,88)
```
#10335d
```
#10335d rgb(16,51,93)
```
#0c3261
```
#0c3261 rgb(12,50,97)
```
#083265
```
#083265 rgb(8,50,101)
```
#043269
```
#043269 rgb(4,50,105)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#2c3136 Atypical Achromatopsia 0.001% of the population

Dichromacy

#333c57 Protanopia 1% of men
#2f3d59 Deuteranopia 1% of men
#1f4247 Tritanopia 0.001% of the population

Trichromacy

#2b3954 Protanomaly 1% of men, 0.01% of women
#283956 Deuteranomaly 6% of men, 0.4% of women
#1e3d4a Tritanomaly 0.01% of the population

#1d3450 hex color

#1d3450 Color Information

#1d3450 Color Conversion

Color Schemes with #1d3450

Alternatives to #1d3450

#1d3450 Preview

Shades and Tints of #1d3450

Tones of #1d3450

Color Blindness Simulator