colorhexa.com

#1d7395 hex color

In a RGB color space, hex #1d7395 is composed of 11.4% red, 45.1% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 22.8% magenta, 0% yellow and 41.6% black. It has a hue angle of 197 degrees, a saturation of 67.4% and a lightness of 34.9%. #1d7395 color hex could be obtained by blending #3ae6ff with #00002b. Closest websafe color is: #336699.

- R 11
- G 45
- B 58
RGB color chart
- C 81
- M 23
- Y 0
- K 42
CMYK color chart

● #1d7395 color description : Dark blue.

The hexadecimal color #1d7395 has RGB values of R:29, G:115, B:149 and CMYK values of C:0.81, M:0.23, Y:0, K:0.42. Its decimal value is 1930133.

Hex triplet	1d7395	`#1d7395`
RGB Decimal	29, 115, 149	`rgb(29,115,149)`
RGB Percent	11.4, 45.1, 58.4	`rgb(11.4%,45.1%,58.4%)`
CMYK	81, 23, 0, 42
HSL	197°, 67.4, 34.9	`hsl(197,67.4%,34.9%)`
HSV (or HSB)	197°, 80.5, 58.4
Web Safe	336699	`#336699`

CIE-LAB	45.209, -12.575, -25.517
XYZ	12.061, 14.692, 30.632
xyY	0.21, 0.256, 14.692
CIE-LCH	45.209, 28.448, 243.766
CIE-LUV	45.209, -28.852, -35.647
Hunter-Lab	38.33, -10.91, -20.553
Binary	00011101, 01110011, 10010101

#1d7395
```
#1d7395 rgb(29,115,149)
```
#953f1d
```
#953f1d rgb(149,63,29)
```

Complementary Color

#1d957b
```
#1d957b rgb(29,149,123)
```
#1d7395
```
#1d7395 rgb(29,115,149)
```
#1d3795
```
#1d3795 rgb(29,55,149)
```

Analogous Color

#957b1d
```
#957b1d rgb(149,123,29)
```
#1d7395
```
#1d7395 rgb(29,115,149)
```
#951d37
```
#951d37 rgb(149,29,55)
```

Split Complementary Color

#73951d
```
#73951d rgb(115,149,29)
```
#1d7395
```
#1d7395 rgb(29,115,149)
```
#951d73
```
#951d73 rgb(149,29,115)
```

Triadic Color

#1d953f
```
#1d953f rgb(29,149,63)
```
#1d7395
```
#1d7395 rgb(29,115,149)
```
#951d73
```
#951d73 rgb(149,29,115)
```
#953f1d
```
#953f1d rgb(149,63,29)
```

Tetradic Color

#114255
```
#114255 rgb(17,66,85)
```
#15526a
```
#15526a rgb(21,82,106)
```
#196380
```
#196380 rgb(25,99,128)
```
#1d7395
```
#1d7395 rgb(29,115,149)
```
#2183aa
```
#2183aa rgb(33,131,170)
```
#2594c0
```
#2594c0 rgb(37,148,192)
```
#29a4d5
```
#29a4d5 rgb(41,164,213)
```

Monochromatic Color

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

#1d9195
```
#1d9195 rgb(29,145,149)
```
#1d8795
```
#1d8795 rgb(29,135,149)
```
#1d7d95
```
#1d7d95 rgb(29,125,149)
```
#1d7395
```
#1d7395 rgb(29,115,149)
```
#1d6995
```
#1d6995 rgb(29,105,149)
```
#1d5f95
```
#1d5f95 rgb(29,95,149)
```
#1d5595
```
#1d5595 rgb(29,85,149)
```

Similar Colors

Text with hexadecimal color #1d7395

This text has a font color of #1d7395.

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

#1d7395 background color

This paragraph has a background color of #1d7395.

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

#1d7395 border color

This element has a border color of #1d7395.

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

CSS codes

.text {color:#1d7395;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030e12
```
#030e12 rgb(3,14,18)
```
#071a22
```
#071a22 rgb(7,26,34)
```
#0a2732
```
#0a2732 rgb(10,39,50)
```
#0d3443
```
#0d3443 rgb(13,52,67)
```
#104053
```
#104053 rgb(16,64,83)
```
#134d64
```
#134d64 rgb(19,77,100)
```
#175a74
```
#175a74 rgb(23,90,116)
```
#1a6685
```
#1a6685 rgb(26,102,133)
```
#1d7395
```
#1d7395 rgb(29,115,149)
```
#2080a5
```
#2080a5 rgb(32,128,165)
```
#238cb6
```
#238cb6 rgb(35,140,182)
```
#2799c6
```
#2799c6 rgb(39,153,198)
```

Shade Color Variation

#2ba5d6
```
#2ba5d6 rgb(43,165,214)
```
#3bacd9
```
#3bacd9 rgb(59,172,217)
```
#4cb3dc
```
#4cb3dc rgb(76,179,220)
```
#5cbadf
```
#5cbadf rgb(92,186,223)
```
#6cc1e2
```
#6cc1e2 rgb(108,193,226)
```
#7dc8e6
```
#7dc8e6 rgb(125,200,230)
```
#8dcfe9
```
#8dcfe9 rgb(141,207,233)
```
#9ed6ec
```
#9ed6ec rgb(158,214,236)
```
#aeddef
```
#aeddef rgb(174,221,239)
```
#bfe4f2
```
#bfe4f2 rgb(191,228,242)
```
#cfebf6
```
#cfebf6 rgb(207,235,246)
```
#dff2f9
```
#dff2f9 rgb(223,242,249)
```
#f0f9fc
```
#f0f9fc rgb(240,249,252)
```

Tint Color Variation

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

#545b5e
```
#545b5e rgb(84,91,94)
```
#4d5e65
```
#4d5e65 rgb(77,94,101)
```
#46616c
```
#46616c rgb(70,97,108)
```
#3f6473
```
#3f6473 rgb(63,100,115)
```
#38677a
```
#38677a rgb(56,103,122)
```
#326a80
```
#326a80 rgb(50,106,128)
```
#2b6d87
```
#2b6d87 rgb(43,109,135)
```
#24708e
```
#24708e rgb(36,112,142)
```
#1d7395
```
#1d7395 rgb(29,115,149)
```
#16769c
```
#16769c rgb(22,118,156)
```
#0f79a3
```
#0f79a3 rgb(15,121,163)
```
#087caa
```
#087caa rgb(8,124,170)
```
#027fb0
```
#027fb0 rgb(2,127,176)
```

Tone Color Variation

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

Dichromacy

#687194 Protanopia 1% of men
#61719d Deuteranopia 1% of men
#007d86 Tritanopia 0.001% of the population

Trichromacy

#4c7194 Protanomaly 1% of men, 0.01% of women
#48729a Deuteranomaly 6% of men, 0.4% of women
#0a798c Tritanomaly 0.01% of the population