#1d5299 hex color

In a RGB color space, hex #1d5299 is composed of 11.4% red, 32.2% green and 60% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 46.4% magenta, 0% yellow and 40% black. It has a hue angle of 214.4 degrees, a saturation of 68.1% and a lightness of 35.7%. #1d5299 color hex could be obtained by blending #3aa4ff with #000033. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 11
- G 32
- B 60
RGB color chart
- C 81
- M 46
- Y 0
- K 40
CMYK color chart

● #1d5299 color description : Dark blue.

The hexadecimal color #1d5299 has RGB values of R:29, G:82, B:153 and CMYK values of C:0.81, M:0.46, Y:0, K:0.4. Its decimal value is 1921689.

Hex triplet	1d5299	`#1d5299`
RGB Decimal	29, 82, 153	`rgb(29,82,153)`
RGB Percent	11.4, 32.2, 60	`rgb(11.4%,32.2%,60%)`
CMYK	81, 46, 0, 40
HSL	214.4°, 68.1, 35.7	`hsl(214.4,68.1%,35.7%)`
HSV (or HSB)	214.4°, 81, 60
Web Safe	336699	`#336699`

CIE-LAB	35.192, 9.516, -43.74
XYZ	9.272, 8.595, 31.306
xyY	0.189, 0.175, 8.595
CIE-LCH	35.192, 44.763, 282.274
CIE-LUV	35.192, -17.407, -61.797
Hunter-Lab	29.317, 5.151, -42.789
Binary	00011101, 01010010, 10011001

#1d5299
```
#1d5299 rgb(29,82,153)
```
#99641d
```
#99641d rgb(153,100,29)
```

Complementary Color

#1d9099
```
#1d9099 rgb(29,144,153)
```
#1d5299
```
#1d5299 rgb(29,82,153)
```
#261d99
```
#261d99 rgb(38,29,153)
```

Analogous Color

#90991d
```
#90991d rgb(144,153,29)
```
#1d5299
```
#1d5299 rgb(29,82,153)
```
#99261d
```
#99261d rgb(153,38,29)
```

Split Complementary Color

#52991d
```
#52991d rgb(82,153,29)
```
#1d5299
```
#1d5299 rgb(29,82,153)
```
#991d52
```
#991d52 rgb(153,29,82)
```

Triadic Color

#1d9964
```
#1d9964 rgb(29,153,100)
```
#1d5299
```
#1d5299 rgb(29,82,153)
```
#991d52
```
#991d52 rgb(153,29,82)
```
#99641d
```
#99641d rgb(153,100,29)
```

Tetradic Color

#113059
```
#113059 rgb(17,48,89)
```
#153b6e
```
#153b6e rgb(21,59,110)
```
#194784
```
#194784 rgb(25,71,132)
```
#1d5299
```
#1d5299 rgb(29,82,153)
```
#215dae
```
#215dae rgb(33,93,174)
```
#2569c4
```
#2569c4 rgb(37,105,196)
```
#2c75d7
```
#2c75d7 rgb(44,117,215)
```

Monochromatic Color

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

#1d7199
```
#1d7199 rgb(29,113,153)
```
#1d6799
```
#1d6799 rgb(29,103,153)
```
#1d5c99
```
#1d5c99 rgb(29,92,153)
```
#1d5299
```
#1d5299 rgb(29,82,153)
```
#1d4899
```
#1d4899 rgb(29,72,153)
```
#1d3d99
```
#1d3d99 rgb(29,61,153)
```
#1d3399
```
#1d3399 rgb(29,51,153)
```

Similar Colors

Text with hexadecimal color #1d5299

This text has a font color of #1d5299.

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

#1d5299 background color

This paragraph has a background color of #1d5299.

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

#1d5299 border color

This element has a border color of #1d5299.

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

CSS codes

.text {color:#1d5299;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#040b15
```
#040b15 rgb(4,11,21)
```
#071426
```
#071426 rgb(7,20,38)
```
#0a1d36
```
#0a1d36 rgb(10,29,54)
```
#0d2647
```
#0d2647 rgb(13,38,71)
```
#102f57
```
#102f57 rgb(16,47,87)
```
#143768
```
#143768 rgb(20,55,104)
```
#174078
```
#174078 rgb(23,64,120)
```
#1a4989
```
#1a4989 rgb(26,73,137)
```
#1d5299
```
#1d5299 rgb(29,82,153)
```
#205ba9
```
#205ba9 rgb(32,91,169)
```
#2364ba
```
#2364ba rgb(35,100,186)
```
#266dca
```
#266dca rgb(38,109,202)
```

Shade Color Variation

#2d76d7
```
#2d76d7 rgb(45,118,215)
```
#3e81da
```
#3e81da rgb(62,129,218)
```
#4e8bdd
```
#4e8bdd rgb(78,139,221)
```
#5f96e1
```
#5f96e1 rgb(95,150,225)
```
#6fa1e4
```
#6fa1e4 rgb(111,161,228)
```
#80ace7
```
#80ace7 rgb(128,172,231)
```
#90b7ea
```
#90b7ea rgb(144,183,234)
```
#a1c1ed
```
#a1c1ed rgb(161,193,237)
```
#b1ccf0
```
#b1ccf0 rgb(177,204,240)
```
#c2d7f3
```
#c2d7f3 rgb(194,215,243)
```
#d2e2f6
```
#d2e2f6 rgb(210,226,246)
```
#e3ecfa
```
#e3ecfa rgb(227,236,250)
```
#f3f7fd
```
#f3f7fd rgb(243,247,253)
```

Tint Color Variation

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

#555a61
```
#555a61 rgb(85,90,97)
```
#4e5968
```
#4e5968 rgb(78,89,104)
```
#47586f
```
#47586f rgb(71,88,111)
```
#405776
```
#405776 rgb(64,87,118)
```
#39567d
```
#39567d rgb(57,86,125)
```
#325584
```
#325584 rgb(50,85,132)
```
#2b548b
```
#2b548b rgb(43,84,139)
```
#245392
```
#245392 rgb(36,83,146)
```
#1d5299
```
#1d5299 rgb(29,82,153)
```
#1651a0
```
#1651a0 rgb(22,81,160)
```
#0f50a7
```
#0f50a7 rgb(15,80,167)
```
#084fae
```
#084fae rgb(8,79,174)
```
#014eb5
```
#014eb5 rgb(1,78,181)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#414c5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#37599d Protanopia 1% of men
#005d9b Deuteranopia 1% of men
#00646b Tritanopia 0.001% of the population

Trichromacy

#2d569b Protanomaly 1% of men, 0.01% of women
#0a599a Deuteranomaly 6% of men, 0.4% of women
#0a5d7b Tritanomaly 0.01% of the population

#1d5299 hex color

#1d5299 Color Information

#1d5299 Color Conversion

Color Schemes with #1d5299

Alternatives to #1d5299

#1d5299 Preview

Shades and Tints of #1d5299

Tones of #1d5299

Color Blindness Simulator