#3e475f hex color

In a RGB color space, hex #3e475f is composed of 24.3% red, 27.8% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 34.7% cyan, 25.3% magenta, 0% yellow and 62.7% black. It has a hue angle of 223.6 degrees, a saturation of 21% and a lightness of 30.8%. #3e475f color hex could be obtained by blending #7c8ebe with #000000. Closest websafe color is: #333366.

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

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

The hexadecimal color #3e475f has RGB values of R:62, G:71, B:95 and CMYK values of C:0.35, M:0.25, Y:0, K:0.63. Its decimal value is 4081503.

Hex triplet	3e475f	`#3e475f`
RGB Decimal	62, 71, 95	`rgb(62,71,95)`
RGB Percent	24.3, 27.8, 37.3	`rgb(24.3%,27.8%,37.3%)`
CMYK	35, 25, 0, 63
HSL	223.6°, 21, 30.8	`hsl(223.6,21%,30.8%)`
HSV (or HSB)	223.6°, 34.7, 37.3
Web Safe	333366	`#333366`

CIE-LAB	30.295, 2.856, -15.32
XYZ	6.305, 6.357, 11.721
xyY	0.259, 0.261, 6.357
CIE-LCH	30.295, 15.584, 280.56
CIE-LUV	30.295, -5.319, -19.765
Hunter-Lab	25.212, 0.516, -9.914
Binary	00111110, 01000111, 01011111

#3e475f
```
#3e475f rgb(62,71,95)
```
#5f563e
```
#5f563e rgb(95,86,62)
```

Complementary Color

#3e585f
```
#3e585f rgb(62,88,95)
```
#3e475f
```
#3e475f rgb(62,71,95)
```
#463e5f
```
#463e5f rgb(70,62,95)
```

Analogous Color

#585f3e
```
#585f3e rgb(88,95,62)
```
#3e475f
```
#3e475f rgb(62,71,95)
```
#5f463e
```
#5f463e rgb(95,70,62)
```

Split Complementary Color

#475f3e
```
#475f3e rgb(71,95,62)
```
#3e475f
```
#3e475f rgb(62,71,95)
```
#5f3e47
```
#5f3e47 rgb(95,62,71)
```

Triadic Color

#3e5f56
```
#3e5f56 rgb(62,95,86)
```
#3e475f
```
#3e475f rgb(62,71,95)
```
#5f3e47
```
#5f3e47 rgb(95,62,71)
```
#5f563e
```
#5f563e rgb(95,86,62)
```

Tetradic Color

#202431
```
#202431 rgb(32,36,49)
```
#2a3040
```
#2a3040 rgb(42,48,64)
```
#343b50
```
#343b50 rgb(52,59,80)
```
#3e475f
```
#3e475f rgb(62,71,95)
```
#48536e
```
#48536e rgb(72,83,110)
```
#525e7e
```
#525e7e rgb(82,94,126)
```
#5c6a8d
```
#5c6a8d rgb(92,106,141)
```

Monochromatic Color

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

#3e4f5f
```
#3e4f5f rgb(62,79,95)
```
#3e4d5f
```
#3e4d5f rgb(62,77,95)
```
#3e4a5f
```
#3e4a5f rgb(62,74,95)
```
#3e475f
```
#3e475f rgb(62,71,95)
```
#3e445f
```
#3e445f rgb(62,68,95)
```
#3e425f
```
#3e425f rgb(62,66,95)
```
#3e3f5f
```
#3e3f5f rgb(62,63,95)
```

Similar Colors

Text with hexadecimal color #3e475f

This text has a font color of #3e475f.

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

#3e475f background color

This paragraph has a background color of #3e475f.

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

#3e475f border color

This element has a border color of #3e475f.

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

CSS codes

.text {color:#3e475f;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#08090c
```
#08090c rgb(8,9,12)
```
#101218
```
#101218 rgb(16,18,24)
```
#171b24
```
#171b24 rgb(23,27,36)
```
#1f2430
```
#1f2430 rgb(31,36,48)
```
#272c3b
```
#272c3b rgb(39,44,59)
```
#2f3547
```
#2f3547 rgb(47,53,71)
```
#363e53
```
#363e53 rgb(54,62,83)
```
#3e475f
```
#3e475f rgb(62,71,95)
```
#46506b
```
#46506b rgb(70,80,107)
```
#4d5977
```
#4d5977 rgb(77,89,119)
```
#556283
```
#556283 rgb(85,98,131)
```
#5d6a8e
```
#5d6a8e rgb(93,106,142)
```

Shade Color Variation

#65739a
```
#65739a rgb(101,115,154)
```
#717ea2
```
#717ea2 rgb(113,126,162)
```
#7c89aa
```
#7c89aa rgb(124,137,170)
```
#8894b2
```
#8894b2 rgb(136,148,178)
```
#949eb9
```
#949eb9 rgb(148,158,185)
```
#a0a9c1
```
#a0a9c1 rgb(160,169,193)
```
#acb4c9
```
#acb4c9 rgb(172,180,201)
```
#b8bfd1
```
#b8bfd1 rgb(184,191,209)
```
#c4c9d8
```
#c4c9d8 rgb(196,201,216)
```
#d0d4e0
```
#d0d4e0 rgb(208,212,224)
```
#dbdfe8
```
#dbdfe8 rgb(219,223,232)
```
#e7eaf0
```
#e7eaf0 rgb(231,234,240)
```
#f3f4f7
```
#f3f4f7 rgb(243,244,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4a4c53 is the less saturated color, while #022c9b is the most saturated one.

#4a4c53
```
#4a4c53 rgb(74,76,83)
```
#444a59
```
#444a59 rgb(68,74,89)
```
#3e475f
```
#3e475f rgb(62,71,95)
```
#384465
```
#384465 rgb(56,68,101)
```
#32426b
```
#32426b rgb(50,66,107)
```
#2c3f71
```
#2c3f71 rgb(44,63,113)
```
#263c77
```
#263c77 rgb(38,60,119)
```
#20397d
```
#20397d rgb(32,57,125)
```
#1a3783
```
#1a3783 rgb(26,55,131)
```
#143489
```
#143489 rgb(20,52,137)
```
#0e318f
```
#0e318f rgb(14,49,143)
```
#082e95
```
#082e95 rgb(8,46,149)
```
#022c9b
```
#022c9b rgb(2,44,155)
```

Tone Color Variation

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

#4a5066 Protanopia 1% of men
#4b4f67 Deuteranopia 1% of men
#445359 Tritanopia 0.001% of the population

Trichromacy

#454c64 Protanomaly 1% of men, 0.01% of women
#464c64 Deuteranomaly 6% of men, 0.4% of women
#414e5b Tritanomaly 0.01% of the population

#3e475f hex color

#3e475f Color Information

#3e475f Color Conversion

Color Schemes with #3e475f

Alternatives to #3e475f

#3e475f Preview

Shades and Tints of #3e475f

Tones of #3e475f

Color Blindness Simulator