#1d556b hex color

In a RGB color space, hex #1d556b is composed of 11.4% red, 33.3% green and 42% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 20.6% magenta, 0% yellow and 58% black. It has a hue angle of 196.9 degrees, a saturation of 57.4% and a lightness of 26.7%. #1d556b color hex could be obtained by blending #3aaad6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 11
- G 33
- B 42
RGB color chart
- C 73
- M 21
- Y 0
- K 58
CMYK color chart

● #1d556b color description : Very dark blue.

The hexadecimal color #1d556b has RGB values of R:29, G:85, B:107 and CMYK values of C:0.73, M:0.21, Y:0, K:0.58. Its decimal value is 1922411.

Hex triplet	1d556b	`#1d556b`
RGB Decimal	29, 85, 107	`rgb(29,85,107)`
RGB Percent	11.4, 33.3, 42	`rgb(11.4%,33.3%,42%)`
CMYK	73, 21, 0, 58
HSL	196.9°, 57.4, 26.7	`hsl(196.9,57.4%,26.7%)`
HSV (or HSB)	196.9°, 72.9, 42
Web Safe	336666	`#336666`

CIE-LAB	33.604, -10.304, -17.955
XYZ	6.408, 7.819, 15.081
xyY	0.219, 0.267, 7.819
CIE-LCH	33.604, 20.702, 240.148
CIE-LUV	33.604, -20.142, -22.618
Hunter-Lab	27.963, -8.028, -12.402
Binary	00011101, 01010101, 01101011

#1d556b
```
#1d556b rgb(29,85,107)
```
#6b331d
```
#6b331d rgb(107,51,29)
```

Complementary Color

#1d6b5a
```
#1d6b5a rgb(29,107,90)
```
#1d556b
```
#1d556b rgb(29,85,107)
```
#1d2e6b
```
#1d2e6b rgb(29,46,107)
```

Analogous Color

#6b5a1d
```
#6b5a1d rgb(107,90,29)
```
#1d556b
```
#1d556b rgb(29,85,107)
```
#6b1d2e
```
#6b1d2e rgb(107,29,46)
```

Split Complementary Color

#556b1d
```
#556b1d rgb(85,107,29)
```
#1d556b
```
#1d556b rgb(29,85,107)
```
#6b1d55
```
#6b1d55 rgb(107,29,85)
```

Triadic Color

#1d6b33
```
#1d6b33 rgb(29,107,51)
```
#1d556b
```
#1d556b rgb(29,85,107)
```
#6b1d55
```
#6b1d55 rgb(107,29,85)
```
#6b331d
```
#6b331d rgb(107,51,29)
```

Tetradic Color

#0d252f
```
#0d252f rgb(13,37,47)
```
#123543
```
#123543 rgb(18,53,67)
```
#184557
```
#184557 rgb(24,69,87)
```
#1d556b
```
#1d556b rgb(29,85,107)
```
#22657f
```
#22657f rgb(34,101,127)
```
#287593
```
#287593 rgb(40,117,147)
```
#2d85a7
```
#2d85a7 rgb(45,133,167)
```

Monochromatic Color

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

#1d696b
```
#1d696b rgb(29,105,107)
```
#1d626b
```
#1d626b rgb(29,98,107)
```
#1d5c6b
```
#1d5c6b rgb(29,92,107)
```
#1d556b
```
#1d556b rgb(29,85,107)
```
#1d4f6b
```
#1d4f6b rgb(29,79,107)
```
#1d486b
```
#1d486b rgb(29,72,107)
```
#1d426b
```
#1d426b rgb(29,66,107)
```

Similar Colors

Text with hexadecimal color #1d556b

This text has a font color of #1d556b.

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

#1d556b background color

This paragraph has a background color of #1d556b.

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

#1d556b border color

This element has a border color of #1d556b.

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

CSS codes

.text {color:#1d556b;}

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

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

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, #040b0e is the darkest color, while #feffff is the lightest one.

#040b0e
```
#040b0e rgb(4,11,14)
```
#08181e
```
#08181e rgb(8,24,30)
```
#0c242d
```
#0c242d rgb(12,36,45)
```
#10303d
```
#10303d rgb(16,48,61)
```
#153c4c
```
#153c4c rgb(21,60,76)
```
#19495c
```
#19495c rgb(25,73,92)
```
#1d556b
```
#1d556b rgb(29,85,107)
```
#21617a
```
#21617a rgb(33,97,122)
```
#256e8a
```
#256e8a rgb(37,110,138)
```
#2a7a99
```
#2a7a99 rgb(42,122,153)
```
#2e86a9
```
#2e86a9 rgb(46,134,169)
```
#3292b8
```
#3292b8 rgb(50,146,184)
```
#369fc8
```
#369fc8 rgb(54,159,200)
```

Shade Color Variation

#45a6cd
```
#45a6cd rgb(69,166,205)
```
#54aed1
```
#54aed1 rgb(84,174,209)
```
#64b5d5
```
#64b5d5 rgb(100,181,213)
```
#73bcd9
```
#73bcd9 rgb(115,188,217)
```
#83c4dd
```
#83c4dd rgb(131,196,221)
```
#92cbe1
```
#92cbe1 rgb(146,203,225)
```
#a1d2e6
```
#a1d2e6 rgb(161,210,230)
```
#b1daea
```
#b1daea rgb(177,218,234)
```
#c0e1ee
```
#c0e1ee rgb(192,225,238)
```
#d0e8f2
```
#d0e8f2 rgb(208,232,242)
```
#dff0f6
```
#dff0f6 rgb(223,240,246)
```
#eff7fb
```
#eff7fb rgb(239,247,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#424546
```
#424546 rgb(66,69,70)
```
#3c474c
```
#3c474c rgb(60,71,76)
```
#374a51
```
#374a51 rgb(55,74,81)
```
#324c56
```
#324c56 rgb(50,76,86)
```
#2d4e5b
```
#2d4e5b rgb(45,78,91)
```
#275061
```
#275061 rgb(39,80,97)
```
#225366
```
#225366 rgb(34,83,102)
```
#1d556b
```
#1d556b rgb(29,85,107)
```
#185770
```
#185770 rgb(24,87,112)
```
#135a75
```
#135a75 rgb(19,90,117)
```
#0d5c7b
```
#0d5c7b rgb(13,92,123)
```
#085e80
```
#085e80 rgb(8,94,128)
```
#036085
```
#036085 rgb(3,96,133)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#3f4a4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#51576e Protanopia 1% of men
#4e5775 Deuteranopia 1% of men
#1f6067 Tritanopia 0.001% of the population

Trichromacy

#3e566d Protanomaly 1% of men, 0.01% of women
#3c5671 Deuteranomaly 6% of men, 0.4% of women
#1e5c68 Tritanomaly 0.01% of the population

#1d556b hex color

#1d556b Color Information

#1d556b Color Conversion

Color Schemes with #1d556b

Alternatives to #1d556b

#1d556b Preview

Shades and Tints of #1d556b

Tones of #1d556b

Color Blindness Simulator