#1d5166 hex color

In a RGB color space, hex #1d5166 is composed of 11.4% red, 31.8% green and 40% blue. Whereas in a CMYK color space, it is composed of 71.6% cyan, 20.6% magenta, 0% yellow and 60% black. It has a hue angle of 197.3 degrees, a saturation of 55.7% and a lightness of 25.7%. #1d5166 color hex could be obtained by blending #3aa2cc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 11
- G 32
- B 40
RGB color chart
- C 72
- M 21
- Y 0
- K 60
CMYK color chart

● #1d5166 color description : Very dark blue.

The hexadecimal color #1d5166 has RGB values of R:29, G:81, B:102 and CMYK values of C:0.72, M:0.21, Y:0, K:0.6. Its decimal value is 1921382.

Hex triplet	1d5166	`#1d5166`
RGB Decimal	29, 81, 102	`rgb(29,81,102)`
RGB Percent	11.4, 31.8, 40	`rgb(11.4%,31.8%,40%)`
CMYK	72, 21, 0, 60
HSL	197.3°, 55.7, 25.7	`hsl(197.3,55.7%,25.7%)`
HSV (or HSB)	197.3°, 71.6, 40
Web Safe	336666	`#336666`

CIE-LAB	32.045, -9.712, -17.22
XYZ	5.847, 7.105, 13.633
xyY	0.22, 0.267, 7.105
CIE-LCH	32.045, 19.77, 240.577
CIE-LUV	32.045, -18.871, -21.358
Hunter-Lab	26.655, -7.492, -11.666
Binary	00011101, 01010001, 01100110

#1d5166
```
#1d5166 rgb(29,81,102)
```
#66321d
```
#66321d rgb(102,50,29)
```

Complementary Color

#1d6657
```
#1d6657 rgb(29,102,87)
```
#1d5166
```
#1d5166 rgb(29,81,102)
```
#1d2d66
```
#1d2d66 rgb(29,45,102)
```

Analogous Color

#66571d
```
#66571d rgb(102,87,29)
```
#1d5166
```
#1d5166 rgb(29,81,102)
```
#661d2d
```
#661d2d rgb(102,29,45)
```

Split Complementary Color

#51661d
```
#51661d rgb(81,102,29)
```
#1d5166
```
#1d5166 rgb(29,81,102)
```
#661d51
```
#661d51 rgb(102,29,81)
```

Triadic Color

#1d6632
```
#1d6632 rgb(29,102,50)
```
#1d5166
```
#1d5166 rgb(29,81,102)
```
#661d51
```
#661d51 rgb(102,29,81)
```
#66321d
```
#66321d rgb(102,50,29)
```

Tetradic Color

#0c222a
```
#0c222a rgb(12,34,42)
```
#12313e
```
#12313e rgb(18,49,62)
```
#174152
```
#174152 rgb(23,65,82)
```
#1d5166
```
#1d5166 rgb(29,81,102)
```
#23617a
```
#23617a rgb(35,97,122)
```
#28718e
```
#28718e rgb(40,113,142)
```
#2e80a2
```
#2e80a2 rgb(46,128,162)
```

Monochromatic Color

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

#1d6366
```
#1d6366 rgb(29,99,102)
```
#1d5d66
```
#1d5d66 rgb(29,93,102)
```
#1d5766
```
#1d5766 rgb(29,87,102)
```
#1d5166
```
#1d5166 rgb(29,81,102)
```
#1d4b66
```
#1d4b66 rgb(29,75,102)
```
#1d4566
```
#1d4566 rgb(29,69,102)
```
#1d3f66
```
#1d3f66 rgb(29,63,102)
```

Similar Colors

Text with hexadecimal color #1d5166

This text has a font color of #1d5166.

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

#1d5166 background color

This paragraph has a background color of #1d5166.

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

#1d5166 border color

This element has a border color of #1d5166.

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

CSS codes

.text {color:#1d5166;}

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

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

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

#03080a
```
#03080a rgb(3,8,10)
```
#07141a
```
#07141a rgb(7,20,26)
```
#0c2029
```
#0c2029 rgb(12,32,41)
```
#102d38
```
#102d38 rgb(16,45,56)
```
#143947
```
#143947 rgb(20,57,71)
```
#194557
```
#194557 rgb(25,69,87)
```
#1d5166
```
#1d5166 rgb(29,81,102)
```
#215d75
```
#215d75 rgb(33,93,117)
```
#266985
```
#266985 rgb(38,105,133)
```
#2a7594
```
#2a7594 rgb(42,117,148)
```
#2e82a3
```
#2e82a3 rgb(46,130,163)
```
#338eb2
```
#338eb2 rgb(51,142,178)
```
#379ac2
```
#379ac2 rgb(55,154,194)
```

Shade Color Variation

#43a3c9
```
#43a3c9 rgb(67,163,201)
```
#52aace
```
#52aace rgb(82,170,206)
```
#61b2d2
```
#61b2d2 rgb(97,178,210)
```
#71b9d7
```
#71b9d7 rgb(113,185,215)
```
#80c1db
```
#80c1db rgb(128,193,219)
```
#8fc8df
```
#8fc8df rgb(143,200,223)
```
#9ed0e4
```
#9ed0e4 rgb(158,208,228)
```
#aed7e8
```
#aed7e8 rgb(174,215,232)
```
#bddfec
```
#bddfec rgb(189,223,236)
```
#cce6f1
```
#cce6f1 rgb(204,230,241)
```
#dceef5
```
#dceef5 rgb(220,238,245)
```
#ebf5f9
```
#ebf5f9 rgb(235,245,249)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

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

#404243
```
#404243 rgb(64,66,67)
```
#3b4448
```
#3b4448 rgb(59,68,72)
```
#36464d
```
#36464d rgb(54,70,77)
```
#314852
```
#314852 rgb(49,72,82)
```
#2c4b57
```
#2c4b57 rgb(44,75,87)
```
#274d5c
```
#274d5c rgb(39,77,92)
```
#224f61
```
#224f61 rgb(34,79,97)
```
#1d5166
```
#1d5166 rgb(29,81,102)
```
#18536b
```
#18536b rgb(24,83,107)
```
#135570
```
#135570 rgb(19,85,112)
```
#0e5775
```
#0e5775 rgb(14,87,117)
```
#095a7a
```
#095a7a rgb(9,90,122)
```
#045c7f
```
#045c7f rgb(4,92,127)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#3c474b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e5369 Protanopia 1% of men
#4b5370 Deuteranopia 1% of men
#205c62 Tritanopia 0.001% of the population

Trichromacy

#3c5268 Protanomaly 1% of men, 0.01% of women
#3a526c Deuteranomaly 6% of men, 0.4% of women
#1f5864 Tritanomaly 0.01% of the population

#1d5166 hex color

#1d5166 Color Information

#1d5166 Color Conversion

Color Schemes with #1d5166

Alternatives to #1d5166

#1d5166 Preview

Shades and Tints of #1d5166

Tones of #1d5166

Color Blindness Simulator