#3d475a hex color

In a RGB color space, hex #3d475a is composed of 23.9% red, 27.8% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 32.2% cyan, 21.1% magenta, 0% yellow and 64.7% black. It has a hue angle of 219.3 degrees, a saturation of 19.2% and a lightness of 29.6%. #3d475a color hex could be obtained by blending #7a8eb4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 24
- G 28
- B 35
RGB color chart
- C 32
- M 21
- Y 0
- K 65
CMYK color chart

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

The hexadecimal color #3d475a has RGB values of R:61, G:71, B:90 and CMYK values of C:0.32, M:0.21, Y:0, K:0.65. Its decimal value is 4015962.

Hex triplet	3d475a	`#3d475a`
RGB Decimal	61, 71, 90	`rgb(61,71,90)`
RGB Percent	23.9, 27.8, 35.3	`rgb(23.9%,27.8%,35.3%)`
CMYK	32, 21, 0, 65
HSL	219.3°, 19.2, 29.6	`hsl(219.3,19.2%,29.6%)`
HSV (or HSB)	219.3°, 32.2, 35.3
Web Safe	333366	`#333366`

CIE-LAB	30.002, 1.054, -12.572
XYZ	6.023, 6.237, 10.559
xyY	0.264, 0.273, 6.237
CIE-LCH	30.002, 12.616, 274.794
CIE-LUV	30.002, -5.572, -15.865
Hunter-Lab	24.973, -0.654, -7.587
Binary	00111101, 01000111, 01011010

#3d475a
```
#3d475a rgb(61,71,90)
```
#5a503d
```
#5a503d rgb(90,80,61)
```

Complementary Color

#3d565a
```
#3d565a rgb(61,86,90)
```
#3d475a
```
#3d475a rgb(61,71,90)
```
#423d5a
```
#423d5a rgb(66,61,90)
```

Analogous Color

#565a3d
```
#565a3d rgb(86,90,61)
```
#3d475a
```
#3d475a rgb(61,71,90)
```
#5a423d
```
#5a423d rgb(90,66,61)
```

Split Complementary Color

#475a3d
```
#475a3d rgb(71,90,61)
```
#3d475a
```
#3d475a rgb(61,71,90)
```
#5a3d47
```
#5a3d47 rgb(90,61,71)
```

Triadic Color

#3d5a50
```
#3d5a50 rgb(61,90,80)
```
#3d475a
```
#3d475a rgb(61,71,90)
```
#5a3d47
```
#5a3d47 rgb(90,61,71)
```
#5a503d
```
#5a503d rgb(90,80,61)
```

Tetradic Color

#1e232c
```
#1e232c rgb(30,35,44)
```
#282f3c
```
#282f3c rgb(40,47,60)
```
#333b4b
```
#333b4b rgb(51,59,75)
```
#3d475a
```
#3d475a rgb(61,71,90)
```
#475369
```
#475369 rgb(71,83,105)
```
#525f78
```
#525f78 rgb(82,95,120)
```
#5c6b88
```
#5c6b88 rgb(92,107,136)
```

Monochromatic Color

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

#3d4e5a
```
#3d4e5a rgb(61,78,90)
```
#3d4c5a
```
#3d4c5a rgb(61,76,90)
```
#3d495a
```
#3d495a rgb(61,73,90)
```
#3d475a
```
#3d475a rgb(61,71,90)
```
#3d455a
```
#3d455a rgb(61,69,90)
```
#3d425a
```
#3d425a rgb(61,66,90)
```
#3d405a
```
#3d405a rgb(61,64,90)
```

Similar Colors

Text with hexadecimal color #3d475a

This text has a font color of #3d475a.

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

#3d475a background color

This paragraph has a background color of #3d475a.

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

#3d475a border color

This element has a border color of #3d475a.

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

CSS codes

.text {color:#3d475a;}

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

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

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

#060608
```
#060608 rgb(6,6,8)
```
#0d1014
```
#0d1014 rgb(13,16,20)
```
#151920
```
#151920 rgb(21,25,32)
```
#1d222b
```
#1d222b rgb(29,34,43)
```
#252b37
```
#252b37 rgb(37,43,55)
```
#2d3543
```
#2d3543 rgb(45,53,67)
```
#353e4e
```
#353e4e rgb(53,62,78)
```
#3d475a
```
#3d475a rgb(61,71,90)
```
#455066
```
#455066 rgb(69,80,102)
```
#4d5971
```
#4d5971 rgb(77,89,113)
```
#55637d
```
#55637d rgb(85,99,125)
```
#5d6c89
```
#5d6c89 rgb(93,108,137)
```
#657594
```
#657594 rgb(101,117,148)
```

Shade Color Variation

#6f7f9e
```
#6f7f9e rgb(111,127,158)
```
#7b8aa5
```
#7b8aa5 rgb(123,138,165)
```
#8794ad
```
#8794ad rgb(135,148,173)
```
#929eb5
```
#929eb5 rgb(146,158,181)
```
#9ea9bd
```
#9ea9bd rgb(158,169,189)
```
#aab3c5
```
#aab3c5 rgb(170,179,197)
```
#b5becd
```
#b5becd rgb(181,190,205)
```
#c1c8d5
```
#c1c8d5 rgb(193,200,213)
```
#cdd2dd
```
#cdd2dd rgb(205,210,221)
```
#d8dde5
```
#d8dde5 rgb(216,221,229)
```
#e4e7ed
```
#e4e7ed rgb(228,231,237)
```
#f0f1f5
```
#f0f1f5 rgb(240,241,245)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#494b4e
```
#494b4e rgb(73,75,78)
```
#434954
```
#434954 rgb(67,73,84)
```
#3d475a
```
#3d475a rgb(61,71,90)
```
#374560
```
#374560 rgb(55,69,96)
```
#314366
```
#314366 rgb(49,67,102)
```
#2c426b
```
#2c426b rgb(44,66,107)
```
#264071
```
#264071 rgb(38,64,113)
```
#203e77
```
#203e77 rgb(32,62,119)
```
#1a3c7d
```
#1a3c7d rgb(26,60,125)
```
#143a83
```
#143a83 rgb(20,58,131)
```
#0f3988
```
#0f3988 rgb(15,57,136)
```
#09378e
```
#09378e rgb(9,55,142)
```
#033594
```
#033594 rgb(3,53,148)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#44464a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b4f61 Protanopia 1% of men
#4d4e63 Deuteranopia 1% of men
#445258 Tritanopia 0.001% of the population

Trichromacy

#464c5f Protanomaly 1% of men, 0.01% of women
#474b5f Deuteranomaly 6% of men, 0.4% of women
#414e59 Tritanomaly 0.01% of the population

#3d475a hex color

#3d475a Color Information

#3d475a Color Conversion

Color Schemes with #3d475a

Alternatives to #3d475a

#3d475a Preview

Shades and Tints of #3d475a

Tones of #3d475a

Color Blindness Simulator