#396086 hex color

In a RGB color space, hex #396086 is composed of 22.4% red, 37.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 57.5% cyan, 28.4% magenta, 0% yellow and 47.5% black. It has a hue angle of 209.6 degrees, a saturation of 40.3% and a lightness of 37.5%. #396086 color hex could be obtained by blending #72c0ff with #00000d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 22
- G 38
- B 53
RGB color chart
- C 57
- M 28
- Y 0
- K 47
CMYK color chart

● #396086 color description : Dark moderate blue.

The hexadecimal color #396086 has RGB values of R:57, G:96, B:134 and CMYK values of C:0.57, M:0.28, Y:0, K:0.47. Its decimal value is 3760262.

Hex triplet	396086	`#396086`
RGB Decimal	57, 96, 134	`rgb(57,96,134)`
RGB Percent	22.4, 37.6, 52.5	`rgb(22.4%,37.6%,52.5%)`
CMYK	57, 28, 0, 47
HSL	209.6°, 40.3, 37.5	`hsl(209.6,40.3%,37.5%)`
HSV (or HSB)	209.6°, 57.5, 52.5
Web Safe	336699	`#336699`

CIE-LAB	39.507, -1.862, -25.332
XYZ	10.172, 10.956, 24.132
xyY	0.225, 0.242, 10.956
CIE-LCH	39.507, 25.401, 265.796
CIE-LUV	39.507, -16.972, -35.426
Hunter-Lab	33.1, -3.069, -20.055
Binary	00111001, 01100000, 10000110

#396086
```
#396086 rgb(57,96,134)
```
#865f39
```
#865f39 rgb(134,95,57)
```

Complementary Color

#398686
```
#398686 rgb(57,134,134)
```
#396086
```
#396086 rgb(57,96,134)
```
#393a86
```
#393a86 rgb(57,58,134)
```

Analogous Color

#868639
```
#868639 rgb(134,134,57)
```
#396086
```
#396086 rgb(57,96,134)
```
#86393a
```
#86393a rgb(134,57,58)
```

Split Complementary Color

#608639
```
#608639 rgb(96,134,57)
```
#396086
```
#396086 rgb(57,96,134)
```
#863960
```
#863960 rgb(134,57,96)
```

Triadic Color

#39865f
```
#39865f rgb(57,134,95)
```
#396086
```
#396086 rgb(57,96,134)
```
#863960
```
#863960 rgb(134,57,96)
```
#865f39
```
#865f39 rgb(134,95,57)
```

Tetradic Color

#223a50
```
#223a50 rgb(34,58,80)
```
#2a4662
```
#2a4662 rgb(42,70,98)
```
#315374
```
#315374 rgb(49,83,116)
```
#396086
```
#396086 rgb(57,96,134)
```
#416d98
```
#416d98 rgb(65,109,152)
```
#487aaa
```
#487aaa rgb(72,122,170)
```
#5586b7
```
#5586b7 rgb(85,134,183)
```

Monochromatic Color

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

#397386
```
#397386 rgb(57,115,134)
```
#396d86
```
#396d86 rgb(57,109,134)
```
#396686
```
#396686 rgb(57,102,134)
```
#396086
```
#396086 rgb(57,96,134)
```
#395a86
```
#395a86 rgb(57,90,134)
```
#395386
```
#395386 rgb(57,83,134)
```
#394d86
```
#394d86 rgb(57,77,134)
```

Similar Colors

Text with hexadecimal color #396086

This text has a font color of #396086.

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

#396086 background color

This paragraph has a background color of #396086.

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

#396086 border color

This element has a border color of #396086.

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

CSS codes

.text {color:#396086;}

.background {background-color:#396086;}

.border {border:1px solid #396086;}

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

#04070a
```
#04070a rgb(4,7,10)
```
#0a1118
```
#0a1118 rgb(10,17,24)
```
#101b26
```
#101b26 rgb(16,27,38)
```
#162533
```
#162533 rgb(22,37,51)
```
#1c2f41
```
#1c2f41 rgb(28,47,65)
```
#22394f
```
#22394f rgb(34,57,79)
```
#27425d
```
#27425d rgb(39,66,93)
```
#2d4c6a
```
#2d4c6a rgb(45,76,106)
```
#335678
```
#335678 rgb(51,86,120)
```
#396086
```
#396086 rgb(57,96,134)
```
#3f6a94
```
#3f6a94 rgb(63,106,148)
```
#4574a2
```
#4574a2 rgb(69,116,162)
```
#4b7eaf
```
#4b7eaf rgb(75,126,175)
```

Shade Color Variation

#5687b7
```
#5687b7 rgb(86,135,183)
```
#6491bd
```
#6491bd rgb(100,145,189)
```
#729bc3
```
#729bc3 rgb(114,155,195)
```
#80a5c9
```
#80a5c9 rgb(128,165,201)
```
#8daecf
```
#8daecf rgb(141,174,207)
```
#9bb8d4
```
#9bb8d4 rgb(155,184,212)
```
#a9c2da
```
#a9c2da rgb(169,194,218)
```
#b7cce0
```
#b7cce0 rgb(183,204,224)
```
#c4d5e6
```
#c4d5e6 rgb(196,213,230)
```
#d2dfec
```
#d2dfec rgb(210,223,236)
```
#e0e9f2
```
#e0e9f2 rgb(224,233,242)
```
#eef3f8
```
#eef3f8 rgb(238,243,248)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e6061 is the less saturated color, while #0661b9 is the most saturated one.

#5e6061
```
#5e6061 rgb(94,96,97)
```
#566069
```
#566069 rgb(86,96,105)
```
#4f6070
```
#4f6070 rgb(79,96,112)
```
#486077
```
#486077 rgb(72,96,119)
```
#40607f
```
#40607f rgb(64,96,127)
```
#396086
```
#396086 rgb(57,96,134)
```
#32608d
```
#32608d rgb(50,96,141)
```
#2a6095
```
#2a6095 rgb(42,96,149)
```
#23609c
```
#23609c rgb(35,96,156)
```
#1c60a3
```
#1c60a3 rgb(28,96,163)
```
#1460ab
```
#1460ab rgb(20,96,171)
```
#0d61b2
```
#0d61b2 rgb(13,97,178)
```
#0661b9
```
#0661b9 rgb(6,97,185)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#535a62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#596489 Protanopia 1% of men
#54648d Deuteranopia 1% of men
#376c74 Tritanopia 0.001% of the population

Trichromacy

#4d6288 Protanomaly 1% of men, 0.01% of women
#4a638a Deuteranomaly 6% of men, 0.4% of women
#38687b Tritanomaly 0.01% of the population

#396086 hex color

#396086 Color Information

#396086 Color Conversion

Color Schemes with #396086

Alternatives to #396086

#396086 Preview

Shades and Tints of #396086

Tones of #396086

Color Blindness Simulator