#1d7685 hex color

In a RGB color space, hex #1d7685 is composed of 11.4% red, 46.3% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 11.3% magenta, 0% yellow and 47.8% black. It has a hue angle of 188.7 degrees, a saturation of 64.2% and a lightness of 31.8%. #1d7685 color hex could be obtained by blending #3aecff with #00000b. Closest websafe color is: #336699.

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

● #1d7685 color description : Dark cyan.

The hexadecimal color #1d7685 has RGB values of R:29, G:118, B:133 and CMYK values of C:0.78, M:0.11, Y:0, K:0.48. Its decimal value is 1930885.

Hex triplet	1d7685	`#1d7685`
RGB Decimal	29, 118, 133	`rgb(29,118,133)`
RGB Percent	11.4, 46.3, 52.2	`rgb(11.4%,46.3%,52.2%)`
CMYK	78, 11, 0, 48
HSL	188.7°, 64.2, 31.8	`hsl(188.7,64.2%,31.8%)`
HSV (or HSB)	188.7°, 78.2, 52.2
Web Safe	336699	`#336699`

CIE-LAB	45.511, -19.877, -15.552
XYZ	11.218, 14.911, 24.476
xyY	0.222, 0.295, 14.911
CIE-LCH	45.511, 25.238, 218.04
CIE-LUV	45.511, -30.943, -19.564
Hunter-Lab	38.614, -15.72, -10.551
Binary	00011101, 01110110, 10000101

#1d7685
```
#1d7685 rgb(29,118,133)
```
#852c1d
```
#852c1d rgb(133,44,29)
```

Complementary Color

#1d8560
```
#1d8560 rgb(29,133,96)
```
#1d7685
```
#1d7685 rgb(29,118,133)
```
#1d4285
```
#1d4285 rgb(29,66,133)
```

Analogous Color

#85601d
```
#85601d rgb(133,96,29)
```
#1d7685
```
#1d7685 rgb(29,118,133)
```
#851d42
```
#851d42 rgb(133,29,66)
```

Split Complementary Color

#76851d
```
#76851d rgb(118,133,29)
```
#1d7685
```
#1d7685 rgb(29,118,133)
```
#851d76
```
#851d76 rgb(133,29,118)
```

Triadic Color

#1d852c
```
#1d852c rgb(29,133,44)
```
#1d7685
```
#1d7685 rgb(29,118,133)
```
#851d76
```
#851d76 rgb(133,29,118)
```
#852c1d
```
#852c1d rgb(133,44,29)
```

Tetradic Color

#0f3e46
```
#0f3e46 rgb(15,62,70)
```
#14515b
```
#14515b rgb(20,81,91)
```
#186370
```
#186370 rgb(24,99,112)
```
#1d7685
```
#1d7685 rgb(29,118,133)
```
#22899a
```
#22899a rgb(34,137,154)
```
#269baf
```
#269baf rgb(38,155,175)
```
#2baec4
```
#2baec4 rgb(43,174,196)
```

Monochromatic Color

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

#1d857a
```
#1d857a rgb(29,133,122)
```
#1d8583
```
#1d8583 rgb(29,133,131)
```
#1d7f85
```
#1d7f85 rgb(29,127,133)
```
#1d7685
```
#1d7685 rgb(29,118,133)
```
#1d6d85
```
#1d6d85 rgb(29,109,133)
```
#1d6585
```
#1d6585 rgb(29,101,133)
```
#1d5c85
```
#1d5c85 rgb(29,92,133)
```

Similar Colors

Text with hexadecimal color #1d7685

This text has a font color of #1d7685.

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

#1d7685 background color

This paragraph has a background color of #1d7685.

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

#1d7685 border color

This element has a border color of #1d7685.

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

CSS codes

.text {color:#1d7685;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#041214
```
#041214 rgb(4,18,20)
```
#082024
```
#082024 rgb(8,32,36)
```
#0b2f34
```
#0b2f34 rgb(11,47,52)
```
#0f3d45
```
#0f3d45 rgb(15,61,69)
```
#124b55
```
#124b55 rgb(18,75,85)
```
#165965
```
#165965 rgb(22,89,101)
```
#196875
```
#196875 rgb(25,104,117)
```
#1d7685
```
#1d7685 rgb(29,118,133)
```
#218495
```
#218495 rgb(33,132,149)
```
#2493a5
```
#2493a5 rgb(36,147,165)
```
#28a1b5
```
#28a1b5 rgb(40,161,181)
```
#2bafc5
```
#2bafc5 rgb(43,175,197)
```

Shade Color Variation

#32bbd2
```
#32bbd2 rgb(50,187,210)
```
#42c0d6
```
#42c0d6 rgb(66,192,214)
```
#52c6d9
```
#52c6d9 rgb(82,198,217)
```
#62cbdd
```
#62cbdd rgb(98,203,221)
```
#72d0e0
```
#72d0e0 rgb(114,208,224)
```
#82d6e4
```
#82d6e4 rgb(130,214,228)
```
#92dbe7
```
#92dbe7 rgb(146,219,231)
```
#a3e0eb
```
#a3e0eb rgb(163,224,235)
```
#b3e6ee
```
#b3e6ee rgb(179,230,238)
```
#c3ebf2
```
#c3ebf2 rgb(195,235,242)
```
#d3f0f5
```
#d3f0f5 rgb(211,240,245)
```
#e3f6f9
```
#e3f6f9 rgb(227,246,249)
```
#f3fbfc
```
#f3fbfc rgb(243,251,252)
```

Tint Color Variation

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

#4f5353
```
#4f5353 rgb(79,83,83)
```
#495759
```
#495759 rgb(73,87,89)
```
#425b60
```
#425b60 rgb(66,91,96)
```
#3c6066
```
#3c6066 rgb(60,96,102)
```
#36646c
```
#36646c rgb(54,100,108)
```
#306972
```
#306972 rgb(48,105,114)
```
#296d79
```
#296d79 rgb(41,109,121)
```
#23727f
```
#23727f rgb(35,114,127)
```
#1d7685
```
#1d7685 rgb(29,118,133)
```
#177a8b
```
#177a8b rgb(23,122,139)
```
#117f91
```
#117f91 rgb(17,127,145)
```
#0a8398
```
#0a8398 rgb(10,131,152)
```
#04889e
```
#04889e rgb(4,136,158)
```

Tone Color Variation

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

#6f7284 Protanopia 1% of men
#6e718f Deuteranopia 1% of men
#247d87 Tritanopia 0.001% of the population

Trichromacy

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

#1d7685 hex color

#1d7685 Color Information

#1d7685 Color Conversion

Color Schemes with #1d7685

Alternatives to #1d7685

#1d7685 Preview

Shades and Tints of #1d7685

Tones of #1d7685

Color Blindness Simulator