#3d5a8e hex color

In a RGB color space, hex #3d5a8e is composed of 23.9% red, 35.3% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 36.6% magenta, 0% yellow and 44.3% black. It has a hue angle of 218.5 degrees, a saturation of 39.9% and a lightness of 39.8%. #3d5a8e color hex could be obtained by blending #7ab4ff with #00001d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 24
- G 35
- B 56
RGB color chart
- C 57
- M 37
- Y 0
- K 44
CMYK color chart

● #3d5a8e color description : Dark moderate blue.

The hexadecimal color #3d5a8e has RGB values of R:61, G:90, B:142 and CMYK values of C:0.57, M:0.37, Y:0, K:0.44. Its decimal value is 4020878.

Hex triplet	3d5a8e	`#3d5a8e`
RGB Decimal	61, 90, 142	`rgb(61,90,142)`
RGB Percent	23.9, 35.3, 55.7	`rgb(23.9%,35.3%,55.7%)`
CMYK	57, 37, 0, 44
HSL	218.5°, 39.9, 39.8	`hsl(218.5,39.9%,39.8%)`
HSV (or HSB)	218.5°, 57, 55.7
Web Safe	336699	`#336699`

CIE-LAB	38.3, 5.574, -32.059
XYZ	10.462, 10.257, 27.018
xyY	0.219, 0.215, 10.257
CIE-LCH	38.3, 32.54, 279.863
CIE-LUV	38.3, -13.587, -45.866
Hunter-Lab	32.026, 2.264, -27.6
Binary	00111101, 01011010, 10001110

#3d5a8e
```
#3d5a8e rgb(61,90,142)
```
#8e713d
```
#8e713d rgb(142,113,61)
```

Complementary Color

#3d838e
```
#3d838e rgb(61,131,142)
```
#3d5a8e
```
#3d5a8e rgb(61,90,142)
```
#493d8e
```
#493d8e rgb(73,61,142)
```

Analogous Color

#838e3d
```
#838e3d rgb(131,142,61)
```
#3d5a8e
```
#3d5a8e rgb(61,90,142)
```
#8e493d
```
#8e493d rgb(142,73,61)
```

Split Complementary Color

#5a8e3d
```
#5a8e3d rgb(90,142,61)
```
#3d5a8e
```
#3d5a8e rgb(61,90,142)
```
#8e3d5a
```
#8e3d5a rgb(142,61,90)
```

Triadic Color

#3d8e71
```
#3d8e71 rgb(61,142,113)
```
#3d5a8e
```
#3d5a8e rgb(61,90,142)
```
#8e3d5a
```
#8e3d5a rgb(142,61,90)
```
#8e713d
```
#8e713d rgb(142,113,61)
```

Tetradic Color

#263858
```
#263858 rgb(38,56,88)
```
#2e436a
```
#2e436a rgb(46,67,106)
```
#354f7c
```
#354f7c rgb(53,79,124)
```
#3d5a8e
```
#3d5a8e rgb(61,90,142)
```
#4565a0
```
#4565a0 rgb(69,101,160)
```
#4c71b2
```
#4c71b2 rgb(76,113,178)
```
#5e7fba
```
#5e7fba rgb(94,127,186)
```

Monochromatic Color

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

#3d6e8e
```
#3d6e8e rgb(61,110,142)
```
#3d688e
```
#3d688e rgb(61,104,142)
```
#3d618e
```
#3d618e rgb(61,97,142)
```
#3d5a8e
```
#3d5a8e rgb(61,90,142)
```
#3d538e
```
#3d538e rgb(61,83,142)
```
#3d4d8e
```
#3d4d8e rgb(61,77,142)
```
#3d468e
```
#3d468e rgb(61,70,142)
```

Similar Colors

Text with hexadecimal color #3d5a8e

This text has a font color of #3d5a8e.

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

#3d5a8e background color

This paragraph has a background color of #3d5a8e.

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

#3d5a8e border color

This element has a border color of #3d5a8e.

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

CSS codes

.text {color:#3d5a8e;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#080c13
```
#080c13 rgb(8,12,19)
```
#0e1420
```
#0e1420 rgb(14,20,32)
```
#141d2e
```
#141d2e rgb(20,29,46)
```
#1a263c
```
#1a263c rgb(26,38,60)
```
#202f49
```
#202f49 rgb(32,47,73)
```
#253757
```
#253757 rgb(37,55,87)
```
#2b4065
```
#2b4065 rgb(43,64,101)
```
#314973
```
#314973 rgb(49,73,115)
```
#375180
```
#375180 rgb(55,81,128)
```
#3d5a8e
```
#3d5a8e rgb(61,90,142)
```
#43639c
```
#43639c rgb(67,99,156)
```
#496ba9
```
#496ba9 rgb(73,107,169)
```

Shade Color Variation

#5175b4
```
#5175b4 rgb(81,117,180)
```
#5f80ba
```
#5f80ba rgb(95,128,186)
```
#6d8bc0
```
#6d8bc0 rgb(109,139,192)
```
#7b96c6
```
#7b96c6 rgb(123,150,198)
```
#88a1cc
```
#88a1cc rgb(136,161,204)
```
#96abd2
```
#96abd2 rgb(150,171,210)
```
#a4b6d8
```
#a4b6d8 rgb(164,182,216)
```
#b1c1de
```
#b1c1de rgb(177,193,222)
```
#bfcce4
```
#bfcce4 rgb(191,204,228)
```
#cdd7e9
```
#cdd7e9 rgb(205,215,233)
```
#dbe2ef
```
#dbe2ef rgb(219,226,239)
```
#e8edf5
```
#e8edf5 rgb(232,237,245)
```
#f6f8fb
```
#f6f8fb rgb(246,248,251)
```

Tint Color Variation

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

#646567
```
#646567 rgb(100,101,103)
```
#5c636f
```
#5c636f rgb(92,99,111)
```
#546177
```
#546177 rgb(84,97,119)
```
#4d5e7e
```
#4d5e7e rgb(77,94,126)
```
#455c86
```
#455c86 rgb(69,92,134)
```
#3d5a8e
```
#3d5a8e rgb(61,90,142)
```
#355896
```
#355896 rgb(53,88,150)
```
#2d569e
```
#2d569e rgb(45,86,158)
```
#2653a5
```
#2653a5 rgb(38,83,165)
```
#1e51ad
```
#1e51ad rgb(30,81,173)
```
#164fb5
```
#164fb5 rgb(22,79,181)
```
#0e4dbd
```
#0e4dbd rgb(14,77,189)
```
#064ac5
```
#064ac5 rgb(6,74,197)
```

Tone Color Variation

Below, you can see how #3d5a8e 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
#525862 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f6192 Protanopia 1% of men
#466293 Deuteranopia 1% of men
#366971 Tritanopia 0.001% of the population

Trichromacy

#485e91 Protanomaly 1% of men, 0.01% of women
#435f91 Deuteranomaly 6% of men, 0.4% of women
#38647c Tritanomaly 0.01% of the population

#3d5a8e hex color

#3d5a8e Color Information

#3d5a8e Color Conversion

Color Schemes with #3d5a8e

Alternatives to #3d5a8e

#3d5a8e Preview

Shades and Tints of #3d5a8e

Tones of #3d5a8e

Color Blindness Simulator