colorhexa.com

#3d495d hex color

In a RGB color space, hex #3d495d is composed of 23.9% red, 28.6% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 34.4% cyan, 21.5% magenta, 0% yellow and 63.5% black. It has a hue angle of 217.5 degrees, a saturation of 20.8% and a lightness of 30.2%. #3d495d color hex could be obtained by blending #7a92ba with #000000. Closest websafe color is: #333366.

- R 24
- G 29
- B 36
RGB color chart
- C 34
- M 22
- Y 0
- K 64
CMYK color chart

● #3d495d color description : Very dark grayish blue.

The hexadecimal color #3d495d has RGB values of R:61, G:73, B:93 and CMYK values of C:0.34, M:0.22, Y:0, K:0.64. Its decimal value is 4016477.

Hex triplet	3d495d	`#3d495d`
RGB Decimal	61, 73, 93	`rgb(61,73,93)`
RGB Percent	23.9, 28.6, 36.5	`rgb(23.9%,28.6%,36.5%)`
CMYK	34, 22, 0, 64
HSL	217.5°, 20.8, 30.2	`hsl(217.5,20.8%,30.2%)`
HSV (or HSB)	217.5°, 34.4, 36.5
Web Safe	333366	`#333366`

CIE-LAB	30.753, 0.639, -13.345
XYZ	6.282, 6.547, 11.288
xyY	0.26, 0.271, 6.547
CIE-LCH	30.753, 13.36, 272.739
CIE-LUV	30.753, -6.481, -16.966
Hunter-Lab	25.588, -0.953, -8.244
Binary	00111101, 01001001, 01011101

#3d495d
```
#3d495d rgb(61,73,93)
```
#5d513d
```
#5d513d rgb(93,81,61)
```

Complementary Color

#3d595d
```
#3d595d rgb(61,89,93)
```
#3d495d
```
#3d495d rgb(61,73,93)
```
#413d5d
```
#413d5d rgb(65,61,93)
```

Analogous Color

#595d3d
```
#595d3d rgb(89,93,61)
```
#3d495d
```
#3d495d rgb(61,73,93)
```
#5d413d
```
#5d413d rgb(93,65,61)
```

Split Complementary Color

#1f252f
```
#1f252f rgb(31,37,47)
```
#29313e
```
#29313e rgb(41,49,62)
```
#333d4e
```
#333d4e rgb(51,61,78)
```
#3d495d
```
#3d495d rgb(61,73,93)
```
#47556c
```
#47556c rgb(71,85,108)
```
#51617c
```
#51617c rgb(81,97,124)
```
#5b6d8b
```
#5b6d8b rgb(91,109,139)
```

Monochromatic Color

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

#3d515d
```
#3d515d rgb(61,81,93)
```
#3d4e5d
```
#3d4e5d rgb(61,78,93)
```
#3d4c5d
```
#3d4c5d rgb(61,76,93)
```
#3d495d
```
#3d495d rgb(61,73,93)
```
#3d465d
```
#3d465d rgb(61,70,93)
```
#3d445d
```
#3d445d rgb(61,68,93)
```
#3d415d
```
#3d415d rgb(61,65,93)
```

Similar Colors

Text with hexadecimal color #3d495d

This text has a font color of #3d495d.

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

#3d495d background color

This paragraph has a background color of #3d495d.

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

#3d495d border color

This element has a border color of #3d495d.

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

CSS codes

.text {color:#3d495d;}

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

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

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

#07080a
```
#07080a rgb(7,8,10)
```
#0e1116
```
#0e1116 rgb(14,17,22)
```
#161b22
```
#161b22 rgb(22,27,34)
```
#1e242e
```
#1e242e rgb(30,36,46)
```
#262d39
```
#262d39 rgb(38,45,57)
```
#2d3645
```
#2d3645 rgb(45,54,69)
```
#354051
```
#354051 rgb(53,64,81)
```
#3d495d
```
#3d495d rgb(61,73,93)
```
#455269
```
#455269 rgb(69,82,105)
```
#4d5c75
```
#4d5c75 rgb(77,92,117)
```
#546581
```
#546581 rgb(84,101,129)
```
#5c6e8c
```
#5c6e8c rgb(92,110,140)
```
#647798
```
#647798 rgb(100,119,152)
```

Shade Color Variation

#6f82a1
```
#6f82a1 rgb(111,130,161)
```
#7b8ca8
```
#7b8ca8 rgb(123,140,168)
```
#8796b0
```
#8796b0 rgb(135,150,176)
```
#93a1b8
```
#93a1b8 rgb(147,161,184)
```
#9eabc0
```
#9eabc0 rgb(158,171,192)
```
#aab5c7
```
#aab5c7 rgb(170,181,199)
```
#b6c0cf
```
#b6c0cf rgb(182,192,207)
```
#c2cad7
```
#c2cad7 rgb(194,202,215)
```
#ced4df
```
#ced4df rgb(206,212,223)
```
#dadfe7
```
#dadfe7 rgb(218,223,231)
```
#e6e9ee
```
#e6e9ee rgb(230,233,238)
```
#f1f3f6
```
#f1f3f6 rgb(241,243,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#494c51
```
#494c51 rgb(73,76,81)
```
#434a57
```
#434a57 rgb(67,74,87)
```
#3d495d
```
#3d495d rgb(61,73,93)
```
#374863
```
#374863 rgb(55,72,99)
```
#314669
```
#314669 rgb(49,70,105)
```
#2b456f
```
#2b456f rgb(43,69,111)
```
#254375
```
#254375 rgb(37,67,117)
```
#1f427b
```
#1f427b rgb(31,66,123)
```
#194081
```
#194081 rgb(25,64,129)
```
#143f86
```
#143f86 rgb(20,63,134)
```
#0e3d8c
```
#0e3d8c rgb(14,61,140)
```
#083c92
```
#083c92 rgb(8,60,146)
```
#023a98
```
#023a98 rgb(2,58,152)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#46484c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c5164 Protanopia 1% of men
#4e5066 Deuteranopia 1% of men
#44545a Tritanopia 0.001% of the population

Trichromacy

#474e61 Protanomaly 1% of men, 0.01% of women
#474d62 Deuteranomaly 6% of men, 0.4% of women
#41505b Tritanomaly 0.01% of the population