#3e486b hex color

In a RGB color space, hex #3e486b is composed of 24.3% red, 28.2% green and 42% blue. Whereas in a CMYK color space, it is composed of 42.1% cyan, 32.7% magenta, 0% yellow and 58% black. It has a hue angle of 226.7 degrees, a saturation of 26.6% and a lightness of 33.1%. #3e486b color hex could be obtained by blending #7c90d6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 24
- G 28
- B 42
RGB color chart
- C 42
- M 33
- Y 0
- K 58
CMYK color chart

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

The hexadecimal color #3e486b has RGB values of R:62, G:72, B:107 and CMYK values of C:0.42, M:0.33, Y:0, K:0.58. Its decimal value is 4081771.

Hex triplet	3e486b	`#3e486b`
RGB Decimal	62, 72, 107	`rgb(62,72,107)`
RGB Percent	24.3, 28.2, 42	`rgb(24.3%,28.2%,42%)`
CMYK	42, 33, 0, 58
HSL	226.7°, 26.6, 33.1	`hsl(226.7,26.6%,33.1%)`
HSV (or HSB)	226.7°, 42.1, 42
Web Safe	333366	`#333366`

CIE-LAB	31.161, 5.875, -21.612
XYZ	6.957, 6.72, 14.84
xyY	0.244, 0.236, 6.72
CIE-LCH	31.161, 22.396, 285.207
CIE-LUV	31.161, -6.113, -28.826
Hunter-Lab	25.923, 2.54, -15.794
Binary	00111110, 01001000, 01101011

#3e486b
```
#3e486b rgb(62,72,107)
```
#6b613e
```
#6b613e rgb(107,97,62)
```

Complementary Color

#3e5f6b
```
#3e5f6b rgb(62,95,107)
```
#3e486b
```
#3e486b rgb(62,72,107)
```
#4b3e6b
```
#4b3e6b rgb(75,62,107)
```

Analogous Color

#5f6b3e
```
#5f6b3e rgb(95,107,62)
```
#3e486b
```
#3e486b rgb(62,72,107)
```
#6b4b3e
```
#6b4b3e rgb(107,75,62)
```

Split Complementary Color

#486b3e
```
#486b3e rgb(72,107,62)
```
#3e486b
```
#3e486b rgb(62,72,107)
```
#6b3e48
```
#6b3e48 rgb(107,62,72)
```

Triadic Color

#3e6b61
```
#3e6b61 rgb(62,107,97)
```
#3e486b
```
#3e486b rgb(62,72,107)
```
#6b3e48
```
#6b3e48 rgb(107,62,72)
```
#6b613e
```
#6b613e rgb(107,97,62)
```

Tetradic Color

#22273b
```
#22273b rgb(34,39,59)
```
#2b324b
```
#2b324b rgb(43,50,75)
```
#353d5b
```
#353d5b rgb(53,61,91)
```
#3e486b
```
#3e486b rgb(62,72,107)
```
#47537b
```
#47537b rgb(71,83,123)
```
#515e8b
```
#515e8b rgb(81,94,139)
```
#5a699b
```
#5a699b rgb(90,105,155)
```

Monochromatic Color

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

#3e536b
```
#3e536b rgb(62,83,107)
```
#3e506b
```
#3e506b rgb(62,80,107)
```
#3e4c6b
```
#3e4c6b rgb(62,76,107)
```
#3e486b
```
#3e486b rgb(62,72,107)
```
#3e446b
```
#3e446b rgb(62,68,107)
```
#3e416b
```
#3e416b rgb(62,65,107)
```
#3f3e6b
```
#3f3e6b rgb(63,62,107)
```

Similar Colors

Text with hexadecimal color #3e486b

This text has a font color of #3e486b.

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

#3e486b background color

This paragraph has a background color of #3e486b.

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

#3e486b border color

This element has a border color of #3e486b.

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

CSS codes

.text {color:#3e486b;}

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

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

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

#040508
```
#040508 rgb(4,5,8)
```
#0c0e14
```
#0c0e14 rgb(12,14,20)
```
#131620
```
#131620 rgb(19,22,32)
```
#1a1e2d
```
#1a1e2d rgb(26,30,45)
```
#212739
```
#212739 rgb(33,39,57)
```
#282f46
```
#282f46 rgb(40,47,70)
```
#303752
```
#303752 rgb(48,55,82)
```
#37405f
```
#37405f rgb(55,64,95)
```
#3e486b
```
#3e486b rgb(62,72,107)
```
#455077
```
#455077 rgb(69,80,119)
```
#4c5984
```
#4c5984 rgb(76,89,132)
```
#546190
```
#546190 rgb(84,97,144)
```
#5b699d
```
#5b699d rgb(91,105,157)
```

Shade Color Variation

#6574a6
```
#6574a6 rgb(101,116,166)
```
#727fad
```
#727fad rgb(114,127,173)
```
#7e8ab4
```
#7e8ab4 rgb(126,138,180)
```
#8a95bb
```
#8a95bb rgb(138,149,187)
```
#97a1c3
```
#97a1c3 rgb(151,161,195)
```
#a3acca
```
#a3acca rgb(163,172,202)
```
#b0b7d1
```
#b0b7d1 rgb(176,183,209)
```
#bcc2d8
```
#bcc2d8 rgb(188,194,216)
```
#c9cedf
```
#c9cedf rgb(201,206,223)
```
#d5d9e7
```
#d5d9e7 rgb(213,217,231)
```
#e1e4ee
```
#e1e4ee rgb(225,228,238)
```
#eeeff5
```
#eeeff5 rgb(238,239,245)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

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

#525358
```
#525358 rgb(82,83,88)
```
#4b4f5e
```
#4b4f5e rgb(75,79,94)
```
#454c65
```
#454c65 rgb(69,76,101)
```
#3e486b
```
#3e486b rgb(62,72,107)
```
#384472
```
#384472 rgb(56,68,114)
```
#314178
```
#314178 rgb(49,65,120)
```
#2b3d7f
```
#2b3d7f rgb(43,61,127)
```
#243a85
```
#243a85 rgb(36,58,133)
```
#1e368c
```
#1e368c rgb(30,54,140)
```
#173292
```
#173292 rgb(23,50,146)
```
#112f99
```
#112f99 rgb(17,47,153)
```
#0a2b9f
```
#0a2b9f rgb(10,43,159)
```
#0328a6
```
#0328a6 rgb(3,40,166)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#474950 Atypical Achromatopsia 0.001% of the population

Dichromacy

#475172 Protanopia 1% of men
#455272 Deuteranopia 1% of men
#41565c Tritanopia 0.001% of the population

Trichromacy

#444e6f Protanomaly 1% of men, 0.01% of women
#424e6f Deuteranomaly 6% of men, 0.4% of women
#3f5161 Tritanomaly 0.01% of the population

#3e486b hex color

#3e486b Color Information

#3e486b Color Conversion

Color Schemes with #3e486b

Alternatives to #3e486b

#3e486b Preview

Shades and Tints of #3e486b

Tones of #3e486b

Color Blindness Simulator