#1d7299 hex color

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

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

● #1d7299 color description : Dark blue.

The hexadecimal color #1d7299 has RGB values of R:29, G:114, B:153 and CMYK values of C:0.81, M:0.25, Y:0, K:0.4. Its decimal value is 1929881.

Hex triplet	1d7299	`#1d7299`
RGB Decimal	29, 114, 153	`rgb(29,114,153)`
RGB Percent	11.4, 44.7, 60	`rgb(11.4%,44.7%,60%)`
CMYK	81, 25, 0, 40
HSL	198.9°, 68.1, 35.7	`hsl(198.9,68.1%,35.7%)`
HSV (or HSB)	198.9°, 81, 60
Web Safe	336699	`#336699`

CIE-LAB	45.074, -10.534, -28.094
XYZ	12.272, 14.595, 32.305
xyY	0.207, 0.247, 14.595
CIE-LCH	45.074, 30.004, 249.446
CIE-LUV	45.074, -28.259, -39.849
Hunter-Lab	38.203, -9.514, -23.395
Binary	00011101, 01110010, 10011001

#1d7299
```
#1d7299 rgb(29,114,153)
```
#99441d
```
#99441d rgb(153,68,29)
```

Complementary Color

#1d9982
```
#1d9982 rgb(29,153,130)
```
#1d7299
```
#1d7299 rgb(29,114,153)
```
#1d3499
```
#1d3499 rgb(29,52,153)
```

Analogous Color

#99821d
```
#99821d rgb(153,130,29)
```
#1d7299
```
#1d7299 rgb(29,114,153)
```
#991d34
```
#991d34 rgb(153,29,52)
```

Split Complementary Color

#72991d
```
#72991d rgb(114,153,29)
```
#1d7299
```
#1d7299 rgb(29,114,153)
```
#991d72
```
#991d72 rgb(153,29,114)
```

Triadic Color

#1d9944
```
#1d9944 rgb(29,153,68)
```
#1d7299
```
#1d7299 rgb(29,114,153)
```
#991d72
```
#991d72 rgb(153,29,114)
```
#99441d
```
#99441d rgb(153,68,29)
```

Tetradic Color

#114259
```
#114259 rgb(17,66,89)
```
#15526e
```
#15526e rgb(21,82,110)
```
#196284
```
#196284 rgb(25,98,132)
```
#1d7299
```
#1d7299 rgb(29,114,153)
```
#2182ae
```
#2182ae rgb(33,130,174)
```
#2592c4
```
#2592c4 rgb(37,146,196)
```
#2ca1d7
```
#2ca1d7 rgb(44,161,215)
```

Monochromatic Color

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

#1d9199
```
#1d9199 rgb(29,145,153)
```
#1d8799
```
#1d8799 rgb(29,135,153)
```
#1d7c99
```
#1d7c99 rgb(29,124,153)
```
#1d7299
```
#1d7299 rgb(29,114,153)
```
#1d6899
```
#1d6899 rgb(29,104,153)
```
#1d5d99
```
#1d5d99 rgb(29,93,153)
```
#1d5399
```
#1d5399 rgb(29,83,153)
```

Similar Colors

Text with hexadecimal color #1d7299

This text has a font color of #1d7299.

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

#1d7299 background color

This paragraph has a background color of #1d7299.

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

#1d7299 border color

This element has a border color of #1d7299.

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

CSS codes

.text {color:#1d7299;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#041015
```
#041015 rgb(4,16,21)
```
#071c26
```
#071c26 rgb(7,28,38)
```
#0a2836
```
#0a2836 rgb(10,40,54)
```
#0d3547
```
#0d3547 rgb(13,53,71)
```
#104157
```
#104157 rgb(16,65,87)
```
#144d68
```
#144d68 rgb(20,77,104)
```
#175978
```
#175978 rgb(23,89,120)
```
#1a6689
```
#1a6689 rgb(26,102,137)
```
#1d7299
```
#1d7299 rgb(29,114,153)
```
#207ea9
```
#207ea9 rgb(32,126,169)
```
#238bba
```
#238bba rgb(35,139,186)
```
#2697ca
```
#2697ca rgb(38,151,202)
```

Shade Color Variation

#2da2d7
```
#2da2d7 rgb(45,162,215)
```
#3ea9da
```
#3ea9da rgb(62,169,218)
```
#4eb0dd
```
#4eb0dd rgb(78,176,221)
```
#5fb8e1
```
#5fb8e1 rgb(95,184,225)
```
#6fbfe4
```
#6fbfe4 rgb(111,191,228)
```
#80c6e7
```
#80c6e7 rgb(128,198,231)
```
#90ceea
```
#90ceea rgb(144,206,234)
```
#a1d5ed
```
#a1d5ed rgb(161,213,237)
```
#b1dcf0
```
#b1dcf0 rgb(177,220,240)
```
#c2e4f3
```
#c2e4f3 rgb(194,228,243)
```
#d2ebf6
```
#d2ebf6 rgb(210,235,246)
```
#e3f2fa
```
#e3f2fa rgb(227,242,250)
```
#f3fafd
```
#f3fafd rgb(243,250,253)
```

Tint Color Variation

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

#555d61
```
#555d61 rgb(85,93,97)
```
#4e6068
```
#4e6068 rgb(78,96,104)
```
#47626f
```
#47626f rgb(71,98,111)
```
#406576
```
#406576 rgb(64,101,118)
```
#39687d
```
#39687d rgb(57,104,125)
```
#326a84
```
#326a84 rgb(50,106,132)
```
#2b6d8b
```
#2b6d8b rgb(43,109,139)
```
#246f92
```
#246f92 rgb(36,111,146)
```
#1d7299
```
#1d7299 rgb(29,114,153)
```
#1675a0
```
#1675a0 rgb(22,117,160)
```
#0f77a7
```
#0f77a7 rgb(15,119,167)
```
#087aae
```
#087aae rgb(8,122,174)
```
#017cb5
```
#017cb5 rgb(1,124,181)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#506169 Atypical Achromatopsia 0.001% of the population

Dichromacy

#657098 Protanopia 1% of men
#5d71a1 Deuteranopia 1% of men
#007d86 Tritanopia 0.001% of the population

Trichromacy

#4b7198 Protanomaly 1% of men, 0.01% of women
#45719e Deuteranomaly 6% of men, 0.4% of women
#0a798d Tritanomaly 0.01% of the population

#1d7299 hex color

#1d7299 Color Information

#1d7299 Color Conversion

Color Schemes with #1d7299

Alternatives to #1d7299

#1d7299 Preview

Shades and Tints of #1d7299

Tones of #1d7299

Color Blindness Simulator