#1d7294 hex color

In a RGB color space, hex #1d7294 is composed of 11.4% red, 44.7% green and 58% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 23% magenta, 0% yellow and 42% black. It has a hue angle of 197.1 degrees, a saturation of 67.2% and a lightness of 34.7%. #1d7294 color hex could be obtained by blending #3ae4ff with #000029. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 11
- G 45
- B 58
RGB color chart
- C 80
- M 23
- Y 0
- K 42
CMYK color chart

● #1d7294 color description : Dark blue.

The hexadecimal color #1d7294 has RGB values of R:29, G:114, B:148 and CMYK values of C:0.8, M:0.23, Y:0, K:0.42. Its decimal value is 1929876.

Hex triplet	1d7294	`#1d7294`
RGB Decimal	29, 114, 148	`rgb(29,114,148)`
RGB Percent	11.4, 44.7, 58	`rgb(11.4%,44.7%,58%)`
CMYK	80, 23, 0, 42
HSL	197.1°, 67.2, 34.7	`hsl(197.1,67.2%,34.7%)`
HSV (or HSB)	197.1°, 80.4, 58
Web Safe	336699	`#336699`

CIE-LAB	44.847, -12.364, -25.486
XYZ	11.868, 14.433, 30.176
xyY	0.21, 0.256, 14.433
CIE-LCH	44.847, 28.327, 244.12
CIE-LUV	44.847, -28.553, -35.562
Hunter-Lab	37.991, -10.722, -20.5
Binary	00011101, 01110010, 10010100

#1d7294
```
#1d7294 rgb(29,114,148)
```
#943f1d
```
#943f1d rgb(148,63,29)
```

Complementary Color

#1d947b
```
#1d947b rgb(29,148,123)
```
#1d7294
```
#1d7294 rgb(29,114,148)
```
#1d3794
```
#1d3794 rgb(29,55,148)
```

Analogous Color

#947b1d
```
#947b1d rgb(148,123,29)
```
#1d7294
```
#1d7294 rgb(29,114,148)
```
#941d37
```
#941d37 rgb(148,29,55)
```

Split Complementary Color

#72941d
```
#72941d rgb(114,148,29)
```
#1d7294
```
#1d7294 rgb(29,114,148)
```
#941d72
```
#941d72 rgb(148,29,114)
```

Triadic Color

#1d943f
```
#1d943f rgb(29,148,63)
```
#1d7294
```
#1d7294 rgb(29,114,148)
```
#941d72
```
#941d72 rgb(148,29,114)
```
#943f1d
```
#943f1d rgb(148,63,29)
```

Tetradic Color

#104154
```
#104154 rgb(16,65,84)
```
#155169
```
#155169 rgb(21,81,105)
```
#19627f
```
#19627f rgb(25,98,127)
```
#1d7294
```
#1d7294 rgb(29,114,148)
```
#2182a9
```
#2182a9 rgb(33,130,169)
```
#2593bf
```
#2593bf rgb(37,147,191)
```
#2aa3d4
```
#2aa3d4 rgb(42,163,212)
```

Monochromatic Color

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

#1d9094
```
#1d9094 rgb(29,144,148)
```
#1d8694
```
#1d8694 rgb(29,134,148)
```
#1d7c94
```
#1d7c94 rgb(29,124,148)
```
#1d7294
```
#1d7294 rgb(29,114,148)
```
#1d6894
```
#1d6894 rgb(29,104,148)
```
#1d5e94
```
#1d5e94 rgb(29,94,148)
```
#1d5494
```
#1d5494 rgb(29,84,148)
```

Similar Colors

Text with hexadecimal color #1d7294

This text has a font color of #1d7294.

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

#1d7294 background color

This paragraph has a background color of #1d7294.

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

#1d7294 border color

This element has a border color of #1d7294.

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

CSS codes

.text {color:#1d7294;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#030d11
```
#030d11 rgb(3,13,17)
```
#071a21
```
#071a21 rgb(7,26,33)
```
#0a2632
```
#0a2632 rgb(10,38,50)
```
#0d3342
```
#0d3342 rgb(13,51,66)
```
#103f52
```
#103f52 rgb(16,63,82)
```
#134c63
```
#134c63 rgb(19,76,99)
```
#175973
```
#175973 rgb(23,89,115)
```
#1a6584
```
#1a6584 rgb(26,101,132)
```
#1d7294
```
#1d7294 rgb(29,114,148)
```
#207fa4
```
#207fa4 rgb(32,127,164)
```
#238bb5
```
#238bb5 rgb(35,139,181)
```
#2798c5
```
#2798c5 rgb(39,152,197)
```

Shade Color Variation

#2aa4d5
```
#2aa4d5 rgb(42,164,213)
```
#3babd9
```
#3babd9 rgb(59,171,217)
```
#4bb2dc
```
#4bb2dc rgb(75,178,220)
```
#5bb9df
```
#5bb9df rgb(91,185,223)
```
#6cc0e2
```
#6cc0e2 rgb(108,192,226)
```
#7cc7e5
```
#7cc7e5 rgb(124,199,229)
```
#8dcee9
```
#8dcee9 rgb(141,206,233)
```
#9dd5ec
```
#9dd5ec rgb(157,213,236)
```
#addcef
```
#addcef rgb(173,220,239)
```
#bee3f2
```
#bee3f2 rgb(190,227,242)
```
#ceeaf5
```
#ceeaf5 rgb(206,234,245)
```
#dff1f9
```
#dff1f9 rgb(223,241,249)
```
#eff8fc
```
#eff8fc rgb(239,248,252)
```

Tint Color Variation

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

#535b5e
```
#535b5e rgb(83,91,94)
```
#4d5e64
```
#4d5e64 rgb(77,94,100)
```
#46606b
```
#46606b rgb(70,96,107)
```
#3f6372
```
#3f6372 rgb(63,99,114)
```
#386679
```
#386679 rgb(56,102,121)
```
#316980
```
#316980 rgb(49,105,128)
```
#2b6c86
```
#2b6c86 rgb(43,108,134)
```
#246f8d
```
#246f8d rgb(36,111,141)
```
#1d7294
```
#1d7294 rgb(29,114,148)
```
#16759b
```
#16759b rgb(22,117,155)
```
#0f78a2
```
#0f78a2 rgb(15,120,162)
```
#097ba8
```
#097ba8 rgb(9,123,168)
```
#027eaf
```
#027eaf rgb(2,126,175)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#4f6067 Atypical Achromatopsia 0.001% of the population

Dichromacy

#677093 Protanopia 1% of men
#60709c Deuteranopia 1% of men
#007c85 Tritanopia 0.001% of the population

Trichromacy

#4c7193 Protanomaly 1% of men, 0.01% of women
#477199 Deuteranomaly 6% of men, 0.4% of women
#0a788b Tritanomaly 0.01% of the population

#1d7294 hex color

#1d7294 Color Information

#1d7294 Color Conversion

Color Schemes with #1d7294

Alternatives to #1d7294

#1d7294 Preview

Shades and Tints of #1d7294

Tones of #1d7294

Color Blindness Simulator