#1d7686 hex color

In a RGB color space, hex #1d7686 is composed of 11.4% red, 46.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 78.4% cyan, 11.9% magenta, 0% yellow and 47.5% black. It has a hue angle of 189.1 degrees, a saturation of 64.4% and a lightness of 32%. #1d7686 color hex could be obtained by blending #3aecff with #00000d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 11
- G 46
- B 53
RGB color chart
- C 78
- M 12
- Y 0
- K 47
CMYK color chart

● #1d7686 color description : Dark cyan.

The hexadecimal color #1d7686 has RGB values of R:29, G:118, B:134 and CMYK values of C:0.78, M:0.12, Y:0, K:0.47. Its decimal value is 1930886.

Hex triplet	1d7686	`#1d7686`
RGB Decimal	29, 118, 134	`rgb(29,118,134)`
RGB Percent	11.4, 46.3, 52.5	`rgb(11.4%,46.3%,52.5%)`
CMYK	78, 12, 0, 47
HSL	189.1°, 64.4, 32	`hsl(189.1,64.4%,32%)`
HSV (or HSB)	189.1°, 78.4, 52.5
Web Safe	336699	`#336699`

CIE-LAB	45.55, -19.537, -16.089
XYZ	11.287, 14.938, 24.841
xyY	0.221, 0.293, 14.938
CIE-LCH	45.55, 25.309, 219.472
CIE-LUV	45.55, -30.879, -20.42
Hunter-Lab	38.65, -15.51, -11.052
Binary	00011101, 01110110, 10000110

#1d7686
```
#1d7686 rgb(29,118,134)
```
#862d1d
```
#862d1d rgb(134,45,29)
```

Complementary Color

#1d8662
```
#1d8662 rgb(29,134,98)
```
#1d7686
```
#1d7686 rgb(29,118,134)
```
#1d4286
```
#1d4286 rgb(29,66,134)
```

Analogous Color

#86621d
```
#86621d rgb(134,98,29)
```
#1d7686
```
#1d7686 rgb(29,118,134)
```
#861d42
```
#861d42 rgb(134,29,66)
```

Split Complementary Color

#76861d
```
#76861d rgb(118,134,29)
```
#1d7686
```
#1d7686 rgb(29,118,134)
```
#861d76
```
#861d76 rgb(134,29,118)
```

Triadic Color

#1d862d
```
#1d862d rgb(29,134,45)
```
#1d7686
```
#1d7686 rgb(29,118,134)
```
#861d76
```
#861d76 rgb(134,29,118)
```
#862d1d
```
#862d1d rgb(134,45,29)
```

Tetradic Color

#0f3f47
```
#0f3f47 rgb(15,63,71)
```
#14515c
```
#14515c rgb(20,81,92)
```
#186471
```
#186471 rgb(24,100,113)
```
#1d7686
```
#1d7686 rgb(29,118,134)
```
#22889b
```
#22889b rgb(34,136,155)
```
#269bb0
```
#269bb0 rgb(38,155,176)
```
#2badc5
```
#2badc5 rgb(43,173,197)
```

Monochromatic Color

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

#1d867c
```
#1d867c rgb(29,134,124)
```
#1d8685
```
#1d8685 rgb(29,134,133)
```
#1d7f86
```
#1d7f86 rgb(29,127,134)
```
#1d7686
```
#1d7686 rgb(29,118,134)
```
#1d6d86
```
#1d6d86 rgb(29,109,134)
```
#1d6586
```
#1d6586 rgb(29,101,134)
```
#1d5c86
```
#1d5c86 rgb(29,92,134)
```

Similar Colors

Text with hexadecimal color #1d7686

This text has a font color of #1d7686.

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

#1d7686 background color

This paragraph has a background color of #1d7686.

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

#1d7686 border color

This element has a border color of #1d7686.

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

CSS codes

.text {color:#1d7686;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#051315
```
#051315 rgb(5,19,21)
```
#082125
```
#082125 rgb(8,33,37)
```
#0c2f35
```
#0c2f35 rgb(12,47,53)
```
#0f3d45
```
#0f3d45 rgb(15,61,69)
```
#134b56
```
#134b56 rgb(19,75,86)
```
#165a66
```
#165a66 rgb(22,90,102)
```
#1a6876
```
#1a6876 rgb(26,104,118)
```
#1d7686
```
#1d7686 rgb(29,118,134)
```
#208496
```
#208496 rgb(32,132,150)
```
#2492a6
```
#2492a6 rgb(36,146,166)
```
#27a1b6
```
#27a1b6 rgb(39,161,182)
```
#2bafc7
```
#2bafc7 rgb(43,175,199)
```

Shade Color Variation

#32bad3
```
#32bad3 rgb(50,186,211)
```
#42c0d6
```
#42c0d6 rgb(66,192,214)
```
#53c5da
```
#53c5da rgb(83,197,218)
```
#63cbdd
```
#63cbdd rgb(99,203,221)
```
#73d0e1
```
#73d0e1 rgb(115,208,225)
```
#83d5e4
```
#83d5e4 rgb(131,213,228)
```
#93dbe8
```
#93dbe8 rgb(147,219,232)
```
#a3e0eb
```
#a3e0eb rgb(163,224,235)
```
#b3e6ef
```
#b3e6ef rgb(179,230,239)
```
#c3ebf2
```
#c3ebf2 rgb(195,235,242)
```
#d4f0f6
```
#d4f0f6 rgb(212,240,246)
```
#e4f6f9
```
#e4f6f9 rgb(228,246,249)
```
#f4fbfd
```
#f4fbfd rgb(244,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f5354 is the less saturated color, while #04879f is the most saturated one.

#4f5354
```
#4f5354 rgb(79,83,84)
```
#49575a
```
#49575a rgb(73,87,90)
```
#435c60
```
#435c60 rgb(67,92,96)
```
#3c6067
```
#3c6067 rgb(60,96,103)
```
#36656d
```
#36656d rgb(54,101,109)
```
#306973
```
#306973 rgb(48,105,115)
```
#2a6d79
```
#2a6d79 rgb(42,109,121)
```
#237280
```
#237280 rgb(35,114,128)
```
#1d7686
```
#1d7686 rgb(29,118,134)
```
#177a8c
```
#177a8c rgb(23,122,140)
```
#107f93
```
#107f93 rgb(16,127,147)
```
#0a8399
```
#0a8399 rgb(10,131,153)
```
#04879f
```
#04879f rgb(4,135,159)
```

Tone Color Variation

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

Dichromacy

#6f7285 Protanopia 1% of men
#6d7190 Deuteranopia 1% of men
#237e87 Tritanopia 0.001% of the population

Trichromacy

#517385 Protanomaly 1% of men, 0.01% of women
#50738c Deuteranomaly 6% of men, 0.4% of women
#217b86 Tritanomaly 0.01% of the population

#1d7686 hex color

#1d7686 Color Information

#1d7686 Color Conversion

Color Schemes with #1d7686

Alternatives to #1d7686

#1d7686 Preview

Shades and Tints of #1d7686

Tones of #1d7686

Color Blindness Simulator