#386196 hex color

In a RGB color space, hex #386196 is composed of 22% red, 38% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 35.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 213.8 degrees, a saturation of 45.6% and a lightness of 40.4%. #386196 color hex could be obtained by blending #70c2ff with #00002d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 22
- G 38
- B 59
RGB color chart
- C 63
- M 35
- Y 0
- K 41
CMYK color chart

● #386196 color description : Dark moderate blue.

The hexadecimal color #386196 has RGB values of R:56, G:97, B:150 and CMYK values of C:0.63, M:0.35, Y:0, K:0.41. Its decimal value is 3694998.

Hex triplet	386196	`#386196`
RGB Decimal	56, 97, 150	`rgb(56,97,150)`
RGB Percent	22, 38, 58.8	`rgb(22%,38%,58.8%)`
CMYK	63, 35, 0, 41
HSL	213.8°, 45.6, 40.4	`hsl(213.8,45.6%,40.4%)`
HSV (or HSB)	213.8°, 62.7, 58.8
Web Safe	336699	`#336699`

CIE-LAB	40.559, 2.858, -33.329
XYZ	11.409, 11.591, 30.489
xyY	0.213, 0.217, 11.591
CIE-LCH	40.559, 33.451, 274.901
CIE-LUV	40.559, -17.365, -48.179
Hunter-Lab	34.046, 0.237, -29.262
Binary	00111000, 01100001, 10010110

#386196
```
#386196 rgb(56,97,150)
```
#966d38
```
#966d38 rgb(150,109,56)
```

Complementary Color

#389096
```
#389096 rgb(56,144,150)
```
#386196
```
#386196 rgb(56,97,150)
```
#3e3896
```
#3e3896 rgb(62,56,150)
```

Analogous Color

#909638
```
#909638 rgb(144,150,56)
```
#386196
```
#386196 rgb(56,97,150)
```
#963e38
```
#963e38 rgb(150,62,56)
```

Split Complementary Color

#619638
```
#619638 rgb(97,150,56)
```
#386196
```
#386196 rgb(56,97,150)
```
#963861
```
#963861 rgb(150,56,97)
```

Triadic Color

#38966d
```
#38966d rgb(56,150,109)
```
#386196
```
#386196 rgb(56,97,150)
```
#963861
```
#963861 rgb(150,56,97)
```
#966d38
```
#966d38 rgb(150,109,56)
```

Tetradic Color

#233d5e
```
#233d5e rgb(35,61,94)
```
#2a4971
```
#2a4971 rgb(42,73,113)
```
#315583
```
#315583 rgb(49,85,131)
```
#386196
```
#386196 rgb(56,97,150)
```
#3f6da9
```
#3f6da9 rgb(63,109,169)
```
#4779ba
```
#4779ba rgb(71,121,186)
```
#5987c1
```
#5987c1 rgb(89,135,193)
```

Monochromatic Color

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

#387996
```
#387996 rgb(56,121,150)
```
#387196
```
#387196 rgb(56,113,150)
```
#386996
```
#386996 rgb(56,105,150)
```
#386196
```
#386196 rgb(56,97,150)
```
#385996
```
#385996 rgb(56,89,150)
```
#385196
```
#385196 rgb(56,81,150)
```
#384a96
```
#384a96 rgb(56,74,150)
```

Similar Colors

Text with hexadecimal color #386196

This text has a font color of #386196.

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

#386196 background color

This paragraph has a background color of #386196.

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

#386196 border color

This element has a border color of #386196.

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

CSS codes

.text {color:#386196;}

.background {background-color:#386196;}

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

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

#030507
```
#030507 rgb(3,5,7)
```
#080e15
```
#080e15 rgb(8,14,21)
```
#0d1724
```
#0d1724 rgb(13,23,36)
```
#132032
```
#132032 rgb(19,32,50)
```
#182a40
```
#182a40 rgb(24,42,64)
```
#1d334f
```
#1d334f rgb(29,51,79)
```
#233c5d
```
#233c5d rgb(35,60,93)
```
#28456b
```
#28456b rgb(40,69,107)
```
#2d4f79
```
#2d4f79 rgb(45,79,121)
```
#335888
```
#335888 rgb(51,88,136)
```
#386196
```
#386196 rgb(56,97,150)
```
#3d6aa4
```
#3d6aa4 rgb(61,106,164)
```
#4373b3
```
#4373b3 rgb(67,115,179)
```

Shade Color Variation

#4c7dbc
```
#4c7dbc rgb(76,125,188)
```
#5b88c2
```
#5b88c2 rgb(91,136,194)
```
#6992c7
```
#6992c7 rgb(105,146,199)
```
#779ccc
```
#779ccc rgb(119,156,204)
```
#86a7d2
```
#86a7d2 rgb(134,167,210)
```
#94b1d7
```
#94b1d7 rgb(148,177,215)
```
#a2bcdc
```
#a2bcdc rgb(162,188,220)
```
#b0c6e2
```
#b0c6e2 rgb(176,198,226)
```
#bfd0e7
```
#bfd0e7 rgb(191,208,231)
```
#cddbec
```
#cddbec rgb(205,219,236)
```
#dbe5f2
```
#dbe5f2 rgb(219,229,242)
```
#eaeff7
```
#eaeff7 rgb(234,239,247)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60666e is the less saturated color, while #015acd is the most saturated one.

#60666e
```
#60666e rgb(96,102,110)
```
#586576
```
#586576 rgb(88,101,118)
```
#50647e
```
#50647e rgb(80,100,126)
```
#486386
```
#486386 rgb(72,99,134)
```
#40628e
```
#40628e rgb(64,98,142)
```
#386196
```
#386196 rgb(56,97,150)
```
#30609e
```
#30609e rgb(48,96,158)
```
#285fa6
```
#285fa6 rgb(40,95,166)
```
#205eae
```
#205eae rgb(32,94,174)
```
#185db6
```
#185db6 rgb(24,93,182)
```
#105cbe
```
#105cbe rgb(16,92,190)
```
#085bc6
```
#085bc6 rgb(8,91,198)
```
#015acd
```
#015acd rgb(1,90,205)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#545c67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#546699 Protanopia 1% of men
#49679c Deuteranopia 1% of men
#2c7078 Tritanopia 0.001% of the population

Trichromacy

#496498 Protanomaly 1% of men, 0.01% of women
#436599 Deuteranomaly 6% of men, 0.4% of women
#306a83 Tritanomaly 0.01% of the population

#386196 hex color

#386196 Color Information

#386196 Color Conversion

Color Schemes with #386196

Alternatives to #386196

#386196 Preview

Shades and Tints of #386196

Tones of #386196

Color Blindness Simulator