#1d336f hex color

In a RGB color space, hex #1d336f is composed of 11.4% red, 20% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 73.9% cyan, 54.1% magenta, 0% yellow and 56.5% black. It has a hue angle of 223.9 degrees, a saturation of 58.6% and a lightness of 27.5%. #1d336f color hex could be obtained by blending #3a66de with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 11
- G 20
- B 44
RGB color chart
- C 74
- M 54
- Y 0
- K 56
CMYK color chart

● #1d336f color description : Very dark blue.

The hexadecimal color #1d336f has RGB values of R:29, G:51, B:111 and CMYK values of C:0.74, M:0.54, Y:0, K:0.56. Its decimal value is 1913711.

Hex triplet	1d336f	`#1d336f`
RGB Decimal	29, 51, 111	`rgb(29,51,111)`
RGB Percent	11.4, 20, 43.5	`rgb(11.4%,20%,43.5%)`
CMYK	74, 54, 0, 56
HSL	223.9°, 58.6, 27.5	`hsl(223.9,58.6%,27.5%)`
HSV (or HSB)	223.9°, 73.9, 43.5
Web Safe	333366	`#333366`

CIE-LAB	22.918, 13.923, -37.39
XYZ	4.559, 3.776, 15.527
xyY	0.191, 0.158, 3.776
CIE-LCH	22.918, 39.898, 290.424
CIE-LUV	22.918, -8.533, -45.587
Hunter-Lab	19.433, 7.871, -33.77
Binary	00011101, 00110011, 01101111

#1d336f
```
#1d336f rgb(29,51,111)
```
#6f591d
```
#6f591d rgb(111,89,29)
```

Complementary Color

#1d5c6f
```
#1d5c6f rgb(29,92,111)
```
#1d336f
```
#1d336f rgb(29,51,111)
```
#301d6f
```
#301d6f rgb(48,29,111)
```

Analogous Color

#5c6f1d
```
#5c6f1d rgb(92,111,29)
```
#1d336f
```
#1d336f rgb(29,51,111)
```
#6f301d
```
#6f301d rgb(111,48,29)
```

Split Complementary Color

#336f1d
```
#336f1d rgb(51,111,29)
```
#1d336f
```
#1d336f rgb(29,51,111)
```
#6f1d33
```
#6f1d33 rgb(111,29,51)
```

Triadic Color

#1d6f59
```
#1d6f59 rgb(29,111,89)
```
#1d336f
```
#1d336f rgb(29,51,111)
```
#6f1d33
```
#6f1d33 rgb(111,29,51)
```
#6f591d
```
#6f591d rgb(111,89,29)
```

Tetradic Color

#0d1732
```
#0d1732 rgb(13,23,50)
```
#122047
```
#122047 rgb(18,32,71)
```
#182a5b
```
#182a5b rgb(24,42,91)
```
#1d336f
```
#1d336f rgb(29,51,111)
```
#223c83
```
#223c83 rgb(34,60,131)
```
#284697
```
#284697 rgb(40,70,151)
```
#2d4fac
```
#2d4fac rgb(45,79,172)
```

Monochromatic Color

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

#1d486f
```
#1d486f rgb(29,72,111)
```
#1d416f
```
#1d416f rgb(29,65,111)
```
#1d3a6f
```
#1d3a6f rgb(29,58,111)
```
#1d336f
```
#1d336f rgb(29,51,111)
```
#1d2c6f
```
#1d2c6f rgb(29,44,111)
```
#1d256f
```
#1d256f rgb(29,37,111)
```
#1d1f6f
```
#1d1f6f rgb(29,31,111)
```

Similar Colors

Text with hexadecimal color #1d336f

This text has a font color of #1d336f.

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

#1d336f background color

This paragraph has a background color of #1d336f.

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

#1d336f border color

This element has a border color of #1d336f.

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

CSS codes

.text {color:#1d336f;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#050812
```
#050812 rgb(5,8,18)
```
#090f21
```
#090f21 rgb(9,15,33)
```
#0d1631
```
#0d1631 rgb(13,22,49)
```
#111e40
```
#111e40 rgb(17,30,64)
```
#152550
```
#152550 rgb(21,37,80)
```
#192c5f
```
#192c5f rgb(25,44,95)
```
#1d336f
```
#1d336f rgb(29,51,111)
```
#213a7f
```
#213a7f rgb(33,58,127)
```
#25418e
```
#25418e rgb(37,65,142)
```
#29489e
```
#29489e rgb(41,72,158)
```
#2d50ad
```
#2d50ad rgb(45,80,173)
```
#3157bd
```
#3157bd rgb(49,87,189)
```

Shade Color Variation

#375fcb
```
#375fcb rgb(55,95,203)
```
#476bcf
```
#476bcf rgb(71,107,207)
```
#5678d3
```
#5678d3 rgb(86,120,211)
```
#6684d7
```
#6684d7 rgb(102,132,215)
```
#7590db
```
#7590db rgb(117,144,219)
```
#859ddf
```
#859ddf rgb(133,157,223)
```
#94a9e3
```
#94a9e3 rgb(148,169,227)
```
#a4b6e7
```
#a4b6e7 rgb(164,182,231)
```
#b3c2eb
```
#b3c2eb rgb(179,194,235)
```
#c3cfef
```
#c3cfef rgb(195,207,239)
```
#d2dbf3
```
#d2dbf3 rgb(210,219,243)
```
#e2e8f7
```
#e2e8f7 rgb(226,232,247)
```
#f2f4fb
```
#f2f4fb rgb(242,244,251)
```

Tint Color Variation

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

#434449
```
#434449 rgb(67,68,73)
```
#3d424f
```
#3d424f rgb(61,66,79)
```
#383f54
```
#383f54 rgb(56,63,84)
```
#333d59
```
#333d59 rgb(51,61,89)
```
#2d3a5f
```
#2d3a5f rgb(45,58,95)
```
#283864
```
#283864 rgb(40,56,100)
```
#22356a
```
#22356a rgb(34,53,106)
```
#1d336f
```
#1d336f rgb(29,51,111)
```
#183174
```
#183174 rgb(24,49,116)
```
#122e7a
```
#122e7a rgb(18,46,122)
```
#0d2c7f
```
#0d2c7f rgb(13,44,127)
```
#072985
```
#072985 rgb(7,41,133)
```
#02278a
```
#02278a rgb(2,39,138)
```

Tone Color Variation

Below, you can see how #1d336f 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
#2f333f Atypical Achromatopsia 0.001% of the population

Dichromacy

#183f77 Protanopia 1% of men
#00426d Deuteranopia 1% of men
#00474c Tritanopia 0.001% of the population

Trichromacy

#1a3a74 Protanomaly 1% of men, 0.01% of women
#0a3c6d Deuteranomaly 6% of men, 0.4% of women
#0a4058 Tritanomaly 0.01% of the population

#1d336f hex color

#1d336f Color Information

#1d336f Color Conversion

Color Schemes with #1d336f

Alternatives to #1d336f

#1d336f Preview

Shades and Tints of #1d336f

Tones of #1d336f

Color Blindness Simulator