#3d5b87 hex color

In a RGB color space, hex #3d5b87 is composed of 23.9% red, 35.7% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 32.6% magenta, 0% yellow and 47.1% black. It has a hue angle of 215.7 degrees, a saturation of 37.8% and a lightness of 38.4%. #3d5b87 color hex could be obtained by blending #7ab6ff with #00000f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 24
- G 36
- B 53
RGB color chart
- C 55
- M 33
- Y 0
- K 47
CMYK color chart

● #3d5b87 color description : Dark moderate blue.

The hexadecimal color #3d5b87 has RGB values of R:61, G:91, B:135 and CMYK values of C:0.55, M:0.33, Y:0, K:0.47. Its decimal value is 4021127.

Hex triplet	3d5b87	`#3d5b87`
RGB Decimal	61, 91, 135	`rgb(61,91,135)`
RGB Percent	23.9, 35.7, 52.9	`rgb(23.9%,35.7%,52.9%)`
CMYK	55, 33, 0, 47
HSL	215.7°, 37.8, 38.4	`hsl(215.7,37.8%,38.4%)`
HSV (or HSB)	215.7°, 54.8, 52.9
Web Safe	336699	`#336699`

CIE-LAB	38.24, 2.547, -27.905
XYZ	10.038, 10.223, 24.365
xyY	0.225, 0.229, 10.223
CIE-LCH	38.24, 28.021, 275.216
CIE-LUV	38.24, -13.945, -39.402
Hunter-Lab	31.973, 0.085, -22.799
Binary	00111101, 01011011, 10000111

#3d5b87
```
#3d5b87 rgb(61,91,135)
```
#87693d
```
#87693d rgb(135,105,61)
```

Complementary Color

#3d8087
```
#3d8087 rgb(61,128,135)
```
#3d5b87
```
#3d5b87 rgb(61,91,135)
```
#443d87
```
#443d87 rgb(68,61,135)
```

Analogous Color

#80873d
```
#80873d rgb(128,135,61)
```
#3d5b87
```
#3d5b87 rgb(61,91,135)
```
#87443d
```
#87443d rgb(135,68,61)
```

Split Complementary Color

#5b873d
```
#5b873d rgb(91,135,61)
```
#3d5b87
```
#3d5b87 rgb(61,91,135)
```
#873d5b
```
#873d5b rgb(135,61,91)
```

Triadic Color

#3d8769
```
#3d8769 rgb(61,135,105)
```
#3d5b87
```
#3d5b87 rgb(61,91,135)
```
#873d5b
```
#873d5b rgb(135,61,91)
```
#87693d
```
#87693d rgb(135,105,61)
```

Tetradic Color

#253752
```
#253752 rgb(37,55,82)
```
#2d4364
```
#2d4364 rgb(45,67,100)
```
#354f75
```
#354f75 rgb(53,79,117)
```
#3d5b87
```
#3d5b87 rgb(61,91,135)
```
#456799
```
#456799 rgb(69,103,153)
```
#4d73aa
```
#4d73aa rgb(77,115,170)
```
#5b80b5
```
#5b80b5 rgb(91,128,181)
```

Monochromatic Color

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

#3d6e87
```
#3d6e87 rgb(61,110,135)
```
#3d6787
```
#3d6787 rgb(61,103,135)
```
#3d6187
```
#3d6187 rgb(61,97,135)
```
#3d5b87
```
#3d5b87 rgb(61,91,135)
```
#3d5587
```
#3d5587 rgb(61,85,135)
```
#3d4f87
```
#3d4f87 rgb(61,79,135)
```
#3d4987
```
#3d4987 rgb(61,73,135)
```

Similar Colors

Text with hexadecimal color #3d5b87

This text has a font color of #3d5b87.

<span style="color:#3d5b87;">Text here</span>

#3d5b87 background color

This paragraph has a background color of #3d5b87.

<p style="background-color:#3d5b87;">Content here</p>

#3d5b87 border color

This element has a border color of #3d5b87.

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

CSS codes

.text {color:#3d5b87;}

.background {background-color:#3d5b87;}

.border {border:1px solid #3d5b87;}

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, #06090d is the darkest color, while #ffffff is the lightest one.

#06090d
```
#06090d rgb(6,9,13)
```
#0c121b
```
#0c121b rgb(12,18,27)
```
#121b28
```
#121b28 rgb(18,27,40)
```
#182436
```
#182436 rgb(24,36,54)
```
#1e2d43
```
#1e2d43 rgb(30,45,67)
```
#253751
```
#253751 rgb(37,55,81)
```
#2b405e
```
#2b405e rgb(43,64,94)
```
#31496c
```
#31496c rgb(49,73,108)
```
#375279
```
#375279 rgb(55,82,121)
```
#3d5b87
```
#3d5b87 rgb(61,91,135)
```
#436495
```
#436495 rgb(67,100,149)
```
#496da2
```
#496da2 rgb(73,109,162)
```
#4f76b0
```
#4f76b0 rgb(79,118,176)
```

Shade Color Variation

#5d81b6
```
#5d81b6 rgb(93,129,182)
```
#6a8bbc
```
#6a8bbc rgb(106,139,188)
```
#7896c2
```
#7896c2 rgb(120,150,194)
```
#85a0c8
```
#85a0c8 rgb(133,160,200)
```
#93abce
```
#93abce rgb(147,171,206)
```
#a0b5d4
```
#a0b5d4 rgb(160,181,212)
```
#aec0da
```
#aec0da rgb(174,192,218)
```
#bbcae0
```
#bbcae0 rgb(187,202,224)
```
#c9d5e7
```
#c9d5e7 rgb(201,213,231)
```
#d6dfed
```
#d6dfed rgb(214,223,237)
```
#e4eaf3
```
#e4eaf3 rgb(228,234,243)
```
#f1f4f9
```
#f1f4f9 rgb(241,244,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5b6169
```
#5b6169 rgb(91,97,105)
```
#545f70
```
#545f70 rgb(84,95,112)
```
#4c5e78
```
#4c5e78 rgb(76,94,120)
```
#455c7f
```
#455c7f rgb(69,92,127)
```
#3d5b87
```
#3d5b87 rgb(61,91,135)
```
#355a8f
```
#355a8f rgb(53,90,143)
```
#2e5896
```
#2e5896 rgb(46,88,150)
```
#26579e
```
#26579e rgb(38,87,158)
```
#1f55a5
```
#1f55a5 rgb(31,85,165)
```
#1754ad
```
#1754ad rgb(23,84,173)
```
#1052b4
```
#1052b4 rgb(16,82,180)
```
#0851bc
```
#0851bc rgb(8,81,188)
```
#0150c3
```
#0150c3 rgb(1,80,195)
```

Tone Color Variation

Below, you can see how #3d5b87 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

#575757 Achromatopsia 0.005% of the population
#525861 Atypical Achromatopsia 0.001% of the population

Dichromacy

#53618b Protanopia 1% of men
#4d628d Deuteranopia 1% of men
#3a6971 Tritanopia 0.001% of the population

Trichromacy

#4b5e89 Protanomaly 1% of men, 0.01% of women
#475f8b Deuteranomaly 6% of men, 0.4% of women
#3b6479 Tritanomaly 0.01% of the population

#3d5b87 hex color

#3d5b87 Color Information

#3d5b87 Color Conversion

Color Schemes with #3d5b87

Alternatives to #3d5b87

#3d5b87 Preview

Shades and Tints of #3d5b87

Tones of #3d5b87

Color Blindness Simulator