#3d5680 hex color

In a RGB color space, hex #3d5680 is composed of 23.9% red, 33.7% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 32.8% magenta, 0% yellow and 49.8% black. It has a hue angle of 217.6 degrees, a saturation of 35.4% and a lightness of 37.1%. #3d5680 color hex could be obtained by blending #7aacff with #000001. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 24
- G 34
- B 50
RGB color chart
- C 52
- M 33
- Y 0
- K 50
CMYK color chart

● #3d5680 color description : Dark moderate blue.

The hexadecimal color #3d5680 has RGB values of R:61, G:86, B:128 and CMYK values of C:0.52, M:0.33, Y:0, K:0.5. Its decimal value is 4019840.

Hex triplet	3d5680	`#3d5680`
RGB Decimal	61, 86, 128	`rgb(61,86,128)`
RGB Percent	23.9, 33.7, 50.2	`rgb(23.9%,33.7%,50.2%)`
CMYK	52, 33, 0, 50
HSL	217.6°, 35.4, 37.1	`hsl(217.6,35.4%,37.1%)`
HSV (or HSB)	217.6°, 52.3, 50.2
Web Safe	336699	`#336699`

CIE-LAB	36.377, 3.372, -26.546
XYZ	9.148, 9.206, 21.716
xyY	0.228, 0.23, 9.206
CIE-LCH	36.377, 26.759, 277.238
CIE-LUV	36.377, -12.084, -36.994
Hunter-Lab	30.341, 0.72, -21.197
Binary	00111101, 01010110, 10000000

#3d5680
```
#3d5680 rgb(61,86,128)
```
#80673d
```
#80673d rgb(128,103,61)
```

Complementary Color

#3d7880
```
#3d7880 rgb(61,120,128)
```
#3d5680
```
#3d5680 rgb(61,86,128)
```
#463d80
```
#463d80 rgb(70,61,128)
```

Analogous Color

#78803d
```
#78803d rgb(120,128,61)
```
#3d5680
```
#3d5680 rgb(61,86,128)
```
#80463d
```
#80463d rgb(128,70,61)
```

Split Complementary Color

#56803d
```
#56803d rgb(86,128,61)
```
#3d5680
```
#3d5680 rgb(61,86,128)
```
#803d56
```
#803d56 rgb(128,61,86)
```

Triadic Color

#3d8067
```
#3d8067 rgb(61,128,103)
```
#3d5680
```
#3d5680 rgb(61,86,128)
```
#803d56
```
#803d56 rgb(128,61,86)
```
#80673d
```
#80673d rgb(128,103,61)
```

Tetradic Color

#24334c
```
#24334c rgb(36,51,76)
```
#2d3f5d
```
#2d3f5d rgb(45,63,93)
```
#354a6f
```
#354a6f rgb(53,74,111)
```
#3d5680
```
#3d5680 rgb(61,86,128)
```
#456291
```
#456291 rgb(69,98,145)
```
#4d6da3
```
#4d6da3 rgb(77,109,163)
```
#597ab0
```
#597ab0 rgb(89,122,176)
```

Monochromatic Color

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

#3d6780
```
#3d6780 rgb(61,103,128)
```
#3d6180
```
#3d6180 rgb(61,97,128)
```
#3d5c80
```
#3d5c80 rgb(61,92,128)
```
#3d5680
```
#3d5680 rgb(61,86,128)
```
#3d5080
```
#3d5080 rgb(61,80,128)
```
#3d4b80
```
#3d4b80 rgb(61,75,128)
```
#3d4580
```
#3d4580 rgb(61,69,128)
```

Similar Colors

Text with hexadecimal color #3d5680

This text has a font color of #3d5680.

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

#3d5680 background color

This paragraph has a background color of #3d5680.

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

#3d5680 border color

This element has a border color of #3d5680.

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

CSS codes

.text {color:#3d5680;}

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

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

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

#040608
```
#040608 rgb(4,6,8)
```
#0a0f16
```
#0a0f16 rgb(10,15,22)
```
#111823
```
#111823 rgb(17,24,35)
```
#172030
```
#172030 rgb(23,32,48)
```
#1d293e
```
#1d293e rgb(29,41,62)
```
#24324b
```
#24324b rgb(36,50,75)
```
#2a3b58
```
#2a3b58 rgb(42,59,88)
```
#304465
```
#304465 rgb(48,68,101)
```
#374d73
```
#374d73 rgb(55,77,115)
```
#3d5680
```
#3d5680 rgb(61,86,128)
```
#435f8d
```
#435f8d rgb(67,95,141)
```
#4a689b
```
#4a689b rgb(74,104,155)
```
#5071a8
```
#5071a8 rgb(80,113,168)
```

Shade Color Variation

#5b7bb1
```
#5b7bb1 rgb(91,123,177)
```
#6886b7
```
#6886b7 rgb(104,134,183)
```
#7590bd
```
#7590bd rgb(117,144,189)
```
#839bc4
```
#839bc4 rgb(131,155,196)
```
#90a6ca
```
#90a6ca rgb(144,166,202)
```
#9db0d0
```
#9db0d0 rgb(157,176,208)
```
#aabbd7
```
#aabbd7 rgb(170,187,215)
```
#b8c6dd
```
#b8c6dd rgb(184,198,221)
```
#c5d0e3
```
#c5d0e3 rgb(197,208,227)
```
#d2dbea
```
#d2dbea rgb(210,219,234)
```
#e0e6f0
```
#e0e6f0 rgb(224,230,240)
```
#edf0f6
```
#edf0f6 rgb(237,240,246)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#5a5d63
```
#5a5d63 rgb(90,93,99)
```
#535c6a
```
#535c6a rgb(83,92,106)
```
#4c5a71
```
#4c5a71 rgb(76,90,113)
```
#445879
```
#445879 rgb(68,88,121)
```
#3d5680
```
#3d5680 rgb(61,86,128)
```
#365487
```
#365487 rgb(54,84,135)
```
#2e528f
```
#2e528f rgb(46,82,143)
```
#275096
```
#275096 rgb(39,80,150)
```
#204f9d
```
#204f9d rgb(32,79,157)
```
#194da4
```
#194da4 rgb(25,77,164)
```
#114bac
```
#114bac rgb(17,75,172)
```
#0a49b3
```
#0a49b3 rgb(10,73,179)
```
#0347ba
```
#0347ba rgb(3,71,186)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4f545c Atypical Achromatopsia 0.001% of the population

Dichromacy

#505d85 Protanopia 1% of men
#4b5d86 Deuteranopia 1% of men
#3b646b Tritanopia 0.001% of the population

Trichromacy

#495a83 Protanomaly 1% of men, 0.01% of women
#455b84 Deuteranomaly 6% of men, 0.4% of women
#3c5f73 Tritanomaly 0.01% of the population

#3d5680 hex color

#3d5680 Color Information

#3d5680 Color Conversion

Color Schemes with #3d5680

Alternatives to #3d5680

#3d5680 Preview

Shades and Tints of #3d5680

Tones of #3d5680

Color Blindness Simulator