#3d4a5d hex color

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

♥
- f
- t
- g
- R 24
- G 29
- B 36
RGB color chart
- C 34
- M 20
- Y 0
- K 64
CMYK color chart

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

The hexadecimal color #3d4a5d has RGB values of R:61, G:74, B:93 and CMYK values of C:0.34, M:0.2, Y:0, K:0.64. Its decimal value is 4016733.

Hex triplet	3d4a5d	`#3d4a5d`
RGB Decimal	61, 74, 93	`rgb(61,74,93)`
RGB Percent	23.9, 29, 36.5	`rgb(23.9%,29%,36.5%)`
CMYK	34, 20, 0, 64
HSL	215.6°, 20.8, 30.2	`hsl(215.6,20.8%,30.2%)`
HSV (or HSB)	215.6°, 34.4, 36.5
Web Safe	333366	`#333366`

CIE-LAB	31.067, -0.004, -12.866
XYZ	6.349, 6.68, 11.31
xyY	0.261, 0.274, 6.68
CIE-LCH	31.067, 12.866, 269.984
CIE-LUV	31.067, -6.892, -16.306
Hunter-Lab	25.845, -1.383, -7.854
Binary	00111101, 01001010, 01011101

#3d4a5d
```
#3d4a5d rgb(61,74,93)
```
#5d503d
```
#5d503d rgb(93,80,61)
```

Complementary Color

#3d5a5d
```
#3d5a5d rgb(61,90,93)
```
#3d4a5d
```
#3d4a5d rgb(61,74,93)
```
#403d5d
```
#403d5d rgb(64,61,93)
```

Analogous Color

#5a5d3d
```
#5a5d3d rgb(90,93,61)
```
#3d4a5d
```
#3d4a5d rgb(61,74,93)
```
#5d403d
```
#5d403d rgb(93,64,61)
```

Split Complementary Color

#4a5d3d
```
#4a5d3d rgb(74,93,61)
```
#3d4a5d
```
#3d4a5d rgb(61,74,93)
```
#5d3d4a
```
#5d3d4a rgb(93,61,74)
```

Triadic Color

#3d5d50
```
#3d5d50 rgb(61,93,80)
```
#3d4a5d
```
#3d4a5d rgb(61,74,93)
```
#5d3d4a
```
#5d3d4a rgb(93,61,74)
```
#5d503d
```
#5d503d rgb(93,80,61)
```

Tetradic Color

#1f252f
```
#1f252f rgb(31,37,47)
```
#29313e
```
#29313e rgb(41,49,62)
```
#333e4e
```
#333e4e rgb(51,62,78)
```
#3d4a5d
```
#3d4a5d rgb(61,74,93)
```
#47566c
```
#47566c rgb(71,86,108)
```
#51637c
```
#51637c rgb(81,99,124)
```
#5b6f8b
```
#5b6f8b rgb(91,111,139)
```

Monochromatic Color

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

#3d525d
```
#3d525d rgb(61,82,93)
```
#3d4f5d
```
#3d4f5d rgb(61,79,93)
```
#3d4d5d
```
#3d4d5d rgb(61,77,93)
```
#3d4a5d
```
#3d4a5d rgb(61,74,93)
```
#3d475d
```
#3d475d rgb(61,71,93)
```
#3d455d
```
#3d455d rgb(61,69,93)
```
#3d425d
```
#3d425d rgb(61,66,93)
```

Similar Colors

Text with hexadecimal color #3d4a5d

This text has a font color of #3d4a5d.

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

#3d4a5d background color

This paragraph has a background color of #3d4a5d.

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

#3d4a5d border color

This element has a border color of #3d4a5d.

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

CSS codes

.text {color:#3d4a5d;}

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

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

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)
```
#262e39
```
#262e39 rgb(38,46,57)
```
#2d3745
```
#2d3745 rgb(45,55,69)
```
#354151
```
#354151 rgb(53,65,81)
```
#3d4a5d
```
#3d4a5d rgb(61,74,93)
```
#455369
```
#455369 rgb(69,83,105)
```
#4d5d75
```
#4d5d75 rgb(77,93,117)
```
#546681
```
#546681 rgb(84,102,129)
```
#5c708c
```
#5c708c rgb(92,112,140)
```
#647998
```
#647998 rgb(100,121,152)
```

Shade Color Variation

#6f83a1
```
#6f83a1 rgb(111,131,161)
```
#7b8da8
```
#7b8da8 rgb(123,141,168)
```
#8798b0
```
#8798b0 rgb(135,152,176)
```
#93a2b8
```
#93a2b8 rgb(147,162,184)
```
#9eacc0
```
#9eacc0 rgb(158,172,192)
```
#aab6c7
```
#aab6c7 rgb(170,182,199)
```
#b6c0cf
```
#b6c0cf rgb(182,192,207)
```
#c2cbd7
```
#c2cbd7 rgb(194,203,215)
```
#ced5df
```
#ced5df rgb(206,213,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 #023f98 is the most saturated one.

#494c51
```
#494c51 rgb(73,76,81)
```
#434b57
```
#434b57 rgb(67,75,87)
```
#3d4a5d
```
#3d4a5d rgb(61,74,93)
```
#374963
```
#374963 rgb(55,73,99)
```
#314869
```
#314869 rgb(49,72,105)
```
#2b476f
```
#2b476f rgb(43,71,111)
```
#254675
```
#254675 rgb(37,70,117)
```
#1f447b
```
#1f447b rgb(31,68,123)
```
#194381
```
#194381 rgb(25,67,129)
```
#144286
```
#144286 rgb(20,66,134)
```
#0e418c
```
#0e418c rgb(14,65,140)
```
#084092
```
#084092 rgb(8,64,146)
```
#023f98
```
#023f98 rgb(2,63,152)
```

Tone Color Variation

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

#4d5164 Protanopia 1% of men
#4f5166 Deuteranopia 1% of men
#44555b Tritanopia 0.001% of the population

Trichromacy

#474e61 Protanomaly 1% of men, 0.01% of women
#484e62 Deuteranomaly 6% of men, 0.4% of women
#41515c Tritanomaly 0.01% of the population

#3d4a5d hex color

#3d4a5d Color Information

#3d4a5d Color Conversion

Color Schemes with #3d4a5d

Alternatives to #3d4a5d

#3d4a5d Preview

Shades and Tints of #3d4a5d

Tones of #3d4a5d

Color Blindness Simulator