colorhexa.com

#1d778e hex color

In a RGB color space, hex #1d778e is composed of 11.4% red, 46.7% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 16.2% magenta, 0% yellow and 44.3% black. It has a hue angle of 192.2 degrees, a saturation of 66.1% and a lightness of 33.5%. #1d778e color hex could be obtained by blending #3aeeff with #00001d. Closest websafe color is: #336699.

- R 11
- G 47
- B 56
RGB color chart
- C 80
- M 16
- Y 0
- K 44
CMYK color chart

● #1d778e color description : Dark cyan.

The hexadecimal color #1d778e has RGB values of R:29, G:119, B:142 and CMYK values of C:0.8, M:0.16, Y:0, K:0.44. Its decimal value is 1931150.

Hex triplet	1d778e	`#1d778e`
RGB Decimal	29, 119, 142	`rgb(29,119,142)`
RGB Percent	11.4, 46.7, 55.7	`rgb(11.4%,46.7%,55.7%)`
CMYK	80, 16, 0, 44
HSL	192.2°, 66.1, 33.5	`hsl(192.2,66.1%,33.5%)`
HSV (or HSB)	192.2°, 79.6, 55.7
Web Safe	336699	`#336699`

CIE-LAB	46.186, -17.319, -19.862
XYZ	11.985, 15.407, 27.932
xyY	0.217, 0.278, 15.407
CIE-LCH	46.186, 26.352, 228.913
CIE-LUV	46.186, -30.733, -26.505
Hunter-Lab	39.251, -14.188, -14.716
Binary	00011101, 01110111, 10001110

#1d778e
```
#1d778e rgb(29,119,142)
```
#8e341d
```
#8e341d rgb(142,52,29)
```

Complementary Color

#1d8e6d
```
#1d8e6d rgb(29,142,109)
```
#1d778e
```
#1d778e rgb(29,119,142)
```
#1d3f8e
```
#1d3f8e rgb(29,63,142)
```

Analogous Color

#8e6d1d
```
#8e6d1d rgb(142,109,29)
```
#1d778e
```
#1d778e rgb(29,119,142)
```
#8e1d3f
```
#8e1d3f rgb(142,29,63)
```

Split Complementary Color

#778e1d
```
#778e1d rgb(119,142,29)
```
#1d778e
```
#1d778e rgb(29,119,142)
```
#8e1d77
```
#8e1d77 rgb(142,29,119)
```

Triadic Color

#1d8e34
```
#1d8e34 rgb(29,142,52)
```
#1d778e
```
#1d778e rgb(29,119,142)
```
#8e1d77
```
#8e1d77 rgb(142,29,119)
```
#8e341d
```
#8e341d rgb(142,52,29)
```

Tetradic Color

#10424e
```
#10424e rgb(16,66,78)
```
#145464
```
#145464 rgb(20,84,100)
```
#196579
```
#196579 rgb(25,101,121)
```
#1d778e
```
#1d778e rgb(29,119,142)
```
#2189a3
```
#2189a3 rgb(33,137,163)
```
#269ab8
```
#269ab8 rgb(38,154,184)
```
#2aacce
```
#2aacce rgb(42,172,206)
```

Monochromatic Color

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

#1d8e89
```
#1d8e89 rgb(29,142,137)
```
#1d8a8e
```
#1d8a8e rgb(29,138,142)
```
#1d808e
```
#1d808e rgb(29,128,142)
```
#1d778e
```
#1d778e rgb(29,119,142)
```
#1d6e8e
```
#1d6e8e rgb(29,110,142)
```
#1d648e
```
#1d648e rgb(29,100,142)
```
#1d5b8e
```
#1d5b8e rgb(29,91,142)
```

Similar Colors

Text with hexadecimal color #1d778e

This text has a font color of #1d778e.

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

#1d778e background color

This paragraph has a background color of #1d778e.

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

#1d778e border color

This element has a border color of #1d778e.

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

CSS codes

.text {color:#1d778e;}

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

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

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, #020a0c is the darkest color, while #fafdfe is the lightest one.

#020a0c
```
#020a0c rgb(2,10,12)
```
#06171c
```
#06171c rgb(6,23,28)
```
#09252c
```
#09252c rgb(9,37,44)
```
#0c333d
```
#0c333d rgb(12,51,61)
```
#10404d
```
#10404d rgb(16,64,77)
```
#134e5d
```
#134e5d rgb(19,78,93)
```
#165c6d
```
#165c6d rgb(22,92,109)
```
#1a697e
```
#1a697e rgb(26,105,126)
```
#1d778e
```
#1d778e rgb(29,119,142)
```
#20859e
```
#20859e rgb(32,133,158)
```
#2492af
```
#2492af rgb(36,146,175)
```
#27a0bf
```
#27a0bf rgb(39,160,191)
```
#2aaecf
```
#2aaecf rgb(42,174,207)
```

Shade Color Variation

#37b6d6
```
#37b6d6 rgb(55,182,214)
```
#47bcd9
```
#47bcd9 rgb(71,188,217)
```
#58c2dd
```
#58c2dd rgb(88,194,221)
```
#68c8e0
```
#68c8e0 rgb(104,200,224)
```
#78cee3
```
#78cee3 rgb(120,206,227)
```
#88d4e7
```
#88d4e7 rgb(136,212,231)
```
#99daea
```
#99daea rgb(153,218,234)
```
#a9dfed
```
#a9dfed rgb(169,223,237)
```
#b9e5f1
```
#b9e5f1 rgb(185,229,241)
```
#caebf4
```
#caebf4 rgb(202,235,244)
```
#daf1f7
```
#daf1f7 rgb(218,241,247)
```
#eaf7fb
```
#eaf7fb rgb(234,247,251)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

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

#525859
```
#525859 rgb(82,88,89)
```
#4b5c60
```
#4b5c60 rgb(75,92,96)
```
#446067
```
#446067 rgb(68,96,103)
```
#3e646d
```
#3e646d rgb(62,100,109)
```
#376774
```
#376774 rgb(55,103,116)
```
#316b7a
```
#316b7a rgb(49,107,122)
```
#2a6f81
```
#2a6f81 rgb(42,111,129)
```
#247387
```
#247387 rgb(36,115,135)
```
#1d778e
```
#1d778e rgb(29,119,142)
```
#167b95
```
#167b95 rgb(22,123,149)
```
#107f9b
```
#107f9b rgb(16,127,155)
```
#0983a2
```
#0983a2 rgb(9,131,162)
```
#0387a8
```
#0387a8 rgb(3,135,168)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#526468 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e738d Protanopia 1% of men
#6b7398 Deuteranopia 1% of men
#1b7f89 Tritanopia 0.001% of the population

Trichromacy

#51758d Protanomaly 1% of men, 0.01% of women
#4e7494 Deuteranomaly 6% of men, 0.4% of women
#1b7c8b Tritanomaly 0.01% of the population