#3d485e hex color

In a RGB color space, hex #3d485e is composed of 23.9% red, 28.2% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 35.1% cyan, 23.4% magenta, 0% yellow and 63.1% black. It has a hue angle of 220 degrees, a saturation of 21.3% and a lightness of 30.4%. #3d485e color hex could be obtained by blending #7a90bc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 24
- G 28
- B 37
RGB color chart
- C 35
- M 23
- Y 0
- K 63
CMYK color chart

● #3d485e color description : Very dark desaturated blue.

The hexadecimal color #3d485e has RGB values of R:61, G:72, B:94 and CMYK values of C:0.35, M:0.23, Y:0, K:0.63. Its decimal value is 4016222.

Hex triplet	3d485e	`#3d485e`
RGB Decimal	61, 72, 94	`rgb(61,72,94)`
RGB Percent	23.9, 28.2, 36.9	`rgb(23.9%,28.2%,36.9%)`
CMYK	35, 23, 0, 63
HSL	220°, 21.3, 30.4	`hsl(220,21.3%,30.4%)`
HSV (or HSB)	220°, 35.1, 36.9
Web Safe	333366	`#333366`

CIE-LAB	30.484, 1.578, -14.397
XYZ	6.262, 6.435, 11.501
xyY	0.259, 0.266, 6.435
CIE-LCH	30.484, 14.483, 276.257
CIE-LUV	30.484, -6.102, -18.426
Hunter-Lab	25.367, -0.33, -9.125
Binary	00111101, 01001000, 01011110

#3d485e
```
#3d485e rgb(61,72,94)
```
#5e533d
```
#5e533d rgb(94,83,61)
```

Complementary Color

#3d595e
```
#3d595e rgb(61,89,94)
```
#3d485e
```
#3d485e rgb(61,72,94)
```
#433d5e
```
#433d5e rgb(67,61,94)
```

Analogous Color

#595e3d
```
#595e3d rgb(89,94,61)
```
#3d485e
```
#3d485e rgb(61,72,94)
```
#5e433d
```
#5e433d rgb(94,67,61)
```

Split Complementary Color

#485e3d
```
#485e3d rgb(72,94,61)
```
#3d485e
```
#3d485e rgb(61,72,94)
```
#5e3d48
```
#5e3d48 rgb(94,61,72)
```

Triadic Color

#3d5e53
```
#3d5e53 rgb(61,94,83)
```
#3d485e
```
#3d485e rgb(61,72,94)
```
#5e3d48
```
#5e3d48 rgb(94,61,72)
```
#5e533d
```
#5e533d rgb(94,83,61)
```

Tetradic Color

#1f2430
```
#1f2430 rgb(31,36,48)
```
#29303f
```
#29303f rgb(41,48,63)
```
#333c4f
```
#333c4f rgb(51,60,79)
```
#3d485e
```
#3d485e rgb(61,72,94)
```
#47546d
```
#47546d rgb(71,84,109)
```
#51607d
```
#51607d rgb(81,96,125)
```
#5b6c8c
```
#5b6c8c rgb(91,108,140)
```

Monochromatic Color

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

#3d505e
```
#3d505e rgb(61,80,94)
```
#3d4e5e
```
#3d4e5e rgb(61,78,94)
```
#3d4b5e
```
#3d4b5e rgb(61,75,94)
```
#3d485e
```
#3d485e rgb(61,72,94)
```
#3d455e
```
#3d455e rgb(61,69,94)
```
#3d435e
```
#3d435e rgb(61,67,94)
```
#3d405e
```
#3d405e rgb(61,64,94)
```

Similar Colors

Text with hexadecimal color #3d485e

This text has a font color of #3d485e.

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

#3d485e background color

This paragraph has a background color of #3d485e.

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

#3d485e border color

This element has a border color of #3d485e.

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

CSS codes

.text {color:#3d485e;}

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

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

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, #07080b is the darkest color, while #fefefe is the lightest one.

#07080b
```
#07080b rgb(7,8,11)
```
#0f1117
```
#0f1117 rgb(15,17,23)
```
#161a23
```
#161a23 rgb(22,26,35)
```
#1e242e
```
#1e242e rgb(30,36,46)
```
#262d3a
```
#262d3a rgb(38,45,58)
```
#2e3646
```
#2e3646 rgb(46,54,70)
```
#353f52
```
#353f52 rgb(53,63,82)
```
#3d485e
```
#3d485e rgb(61,72,94)
```
#45516a
```
#45516a rgb(69,81,106)
```
#4c5a76
```
#4c5a76 rgb(76,90,118)
```
#546382
```
#546382 rgb(84,99,130)
```
#5c6c8e
```
#5c6c8e rgb(92,108,142)
```
#647699
```
#647699 rgb(100,118,153)
```

Shade Color Variation

#6f80a2
```
#6f80a2 rgb(111,128,162)
```
#7b8aa9
```
#7b8aa9 rgb(123,138,169)
```
#8795b1
```
#8795b1 rgb(135,149,177)
```
#939fb9
```
#939fb9 rgb(147,159,185)
```
#9faac0
```
#9faac0 rgb(159,170,192)
```
#abb4c8
```
#abb4c8 rgb(171,180,200)
```
#b6bfd0
```
#b6bfd0 rgb(182,191,208)
```
#c2c9d8
```
#c2c9d8 rgb(194,201,216)
```
#ced4df
```
#ced4df rgb(206,212,223)
```
#dadee7
```
#dadee7 rgb(218,222,231)
```
#e6e9ef
```
#e6e9ef rgb(230,233,239)
```
#f2f3f7
```
#f2f3f7 rgb(242,243,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#494c52
```
#494c52 rgb(73,76,82)
```
#434a58
```
#434a58 rgb(67,74,88)
```
#3d485e
```
#3d485e rgb(61,72,94)
```
#374664
```
#374664 rgb(55,70,100)
```
#31446a
```
#31446a rgb(49,68,106)
```
#2b4270
```
#2b4270 rgb(43,66,112)
```
#254076
```
#254076 rgb(37,64,118)
```
#1f3e7c
```
#1f3e7c rgb(31,62,124)
```
#193c82
```
#193c82 rgb(25,60,130)
```
#133a88
```
#133a88 rgb(19,58,136)
```
#0d388e
```
#0d388e rgb(13,56,142)
```
#073694
```
#073694 rgb(7,54,148)
```
#01349a
```
#01349a rgb(1,52,154)
```

Tone Color Variation

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

Dichromacy

#4b5065 Protanopia 1% of men
#4c5066 Deuteranopia 1% of men
#435359 Tritanopia 0.001% of the population

Trichromacy

#464d62 Protanomaly 1% of men, 0.01% of women
#464d63 Deuteranomaly 6% of men, 0.4% of women
#414f5b Tritanomaly 0.01% of the population

#3d485e hex color

#3d485e Color Information

#3d485e Color Conversion

Color Schemes with #3d485e

Alternatives to #3d485e

#3d485e Preview

Shades and Tints of #3d485e

Tones of #3d485e

Color Blindness Simulator