#386694 hex color

In a RGB color space, hex #386694 is composed of 22% red, 40% green and 58% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 31.1% magenta, 0% yellow and 42% black. It has a hue angle of 210 degrees, a saturation of 45.1% and a lightness of 40%. #386694 color hex could be obtained by blending #70ccff with #000029. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 22
- G 40
- B 58
RGB color chart
- C 62
- M 31
- Y 0
- K 42
CMYK color chart

● #386694 color description : Dark moderate blue.

The hexadecimal color #386694 has RGB values of R:56, G:102, B:148 and CMYK values of C:0.62, M:0.31, Y:0, K:0.42. Its decimal value is 3696276.

Hex triplet	386694	`#386694`
RGB Decimal	56, 102, 148	`rgb(56,102,148)`
RGB Percent	22, 40, 58	`rgb(22%,40%,58%)`
CMYK	62, 31, 0, 42
HSL	210°, 45.1, 40	`hsl(210,45.1%,40%)`
HSV (or HSB)	210°, 62.2, 58
Web Safe	336699	`#336699`

CIE-LAB	41.97, -0.961, -29.912
XYZ	11.726, 12.481, 29.806
xyY	0.217, 0.231, 12.481
CIE-LCH	41.97, 29.928, 268.16
CIE-LUV	41.97, -19.193, -42.991
Hunter-Lab	35.328, -2.576, -25.293
Binary	00111000, 01100110, 10010100

#386694
```
#386694 rgb(56,102,148)
```
#946638
```
#946638 rgb(148,102,56)
```

Complementary Color

#389494
```
#389494 rgb(56,148,148)
```
#386694
```
#386694 rgb(56,102,148)
```
#383894
```
#383894 rgb(56,56,148)
```

Analogous Color

#949438
```
#949438 rgb(148,148,56)
```
#386694
```
#386694 rgb(56,102,148)
```
#943838
```
#943838 rgb(148,56,56)
```

Split Complementary Color

#669438
```
#669438 rgb(102,148,56)
```
#386694
```
#386694 rgb(56,102,148)
```
#943866
```
#943866 rgb(148,56,102)
```

Triadic Color

#389466
```
#389466 rgb(56,148,102)
```
#386694
```
#386694 rgb(56,102,148)
```
#943866
```
#943866 rgb(148,56,102)
```
#946638
```
#946638 rgb(148,102,56)
```

Tetradic Color

#23405d
```
#23405d rgb(35,64,93)
```
#2a4d6f
```
#2a4d6f rgb(42,77,111)
```
#315982
```
#315982 rgb(49,89,130)
```
#386694
```
#386694 rgb(56,102,148)
```
#3f73a7
```
#3f73a7 rgb(63,115,167)
```
#4680b9
```
#4680b9 rgb(70,128,185)
```
#598cc0
```
#598cc0 rgb(89,140,192)
```

Monochromatic Color

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

#387d94
```
#387d94 rgb(56,125,148)
```
#387594
```
#387594 rgb(56,117,148)
```
#386e94
```
#386e94 rgb(56,110,148)
```
#386694
```
#386694 rgb(56,102,148)
```
#385e94
```
#385e94 rgb(56,94,148)
```
#385794
```
#385794 rgb(56,87,148)
```
#384f94
```
#384f94 rgb(56,79,148)
```

Similar Colors

Text with hexadecimal color #386694

This text has a font color of #386694.

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

#386694 background color

This paragraph has a background color of #386694.

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

#386694 border color

This element has a border color of #386694.

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

CSS codes

.text {color:#386694;}

.background {background-color:#386694;}

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

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

#020406
```
#020406 rgb(2,4,6)
```
#080e14
```
#080e14 rgb(8,14,20)
```
#0d1822
```
#0d1822 rgb(13,24,34)
```
#122130
```
#122130 rgb(18,33,48)
```
#182b3f
```
#182b3f rgb(24,43,63)
```
#1d354d
```
#1d354d rgb(29,53,77)
```
#223f5b
```
#223f5b rgb(34,63,91)
```
#284969
```
#284969 rgb(40,73,105)
```
#2d5278
```
#2d5278 rgb(45,82,120)
```
#335c86
```
#335c86 rgb(51,92,134)
```
#386694
```
#386694 rgb(56,102,148)
```
#3d70a2
```
#3d70a2 rgb(61,112,162)
```
#437ab0
```
#437ab0 rgb(67,122,176)
```

Shade Color Variation

#4c83bb
```
#4c83bb rgb(76,131,187)
```
#5a8dc1
```
#5a8dc1 rgb(90,141,193)
```
#6897c6
```
#6897c6 rgb(104,151,198)
```
#76a1cb
```
#76a1cb rgb(118,161,203)
```
#85abd1
```
#85abd1 rgb(133,171,209)
```
#93b4d6
```
#93b4d6 rgb(147,180,214)
```
#a1bedb
```
#a1bedb rgb(161,190,219)
```
#afc8e1
```
#afc8e1 rgb(175,200,225)
```
#bed2e6
```
#bed2e6 rgb(190,210,230)
```
#ccdcec
```
#ccdcec rgb(204,220,236)
```
#dae6f1
```
#dae6f1 rgb(218,230,241)
```
#e8eff6
```
#e8eff6 rgb(232,239,246)
```
#f6f9fc
```
#f6f9fc rgb(246,249,252)
```

Tint Color Variation

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

#5f666d
```
#5f666d rgb(95,102,109)
```
#576675
```
#576675 rgb(87,102,117)
```
#50667c
```
#50667c rgb(80,102,124)
```
#486684
```
#486684 rgb(72,102,132)
```
#40668c
```
#40668c rgb(64,102,140)
```
#386694
```
#386694 rgb(56,102,148)
```
#30669c
```
#30669c rgb(48,102,156)
```
#2866a4
```
#2866a4 rgb(40,102,164)
```
#2066ac
```
#2066ac rgb(32,102,172)
```
#1966b3
```
#1966b3 rgb(25,102,179)
```
#1166bb
```
#1166bb rgb(17,102,187)
```
#0966c3
```
#0966c3 rgb(9,102,195)
```
#0166cb
```
#0166cb rgb(1,102,203)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#565f68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b6996 Protanopia 1% of men
#536a9a Deuteranopia 1% of men
#30737c Tritanopia 0.001% of the population

Trichromacy

#4e6895 Protanomaly 1% of men, 0.01% of women
#496998 Deuteranomaly 6% of men, 0.4% of women
#336e85 Tritanomaly 0.01% of the population

#386694 hex color

#386694 Color Information

#386694 Color Conversion

Color Schemes with #386694

Alternatives to #386694

#386694 Preview

Shades and Tints of #386694

Tones of #386694

Color Blindness Simulator