#386d9d hex color

In a RGB color space, hex #386d9d is composed of 22% red, 42.7% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 30.6% magenta, 0% yellow and 38.4% black. It has a hue angle of 208.5 degrees, a saturation of 47.4% and a lightness of 41.8%. #386d9d color hex could be obtained by blending #70daff with #00003b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 22
- G 43
- B 62
RGB color chart
- C 64
- M 31
- Y 0
- K 38
CMYK color chart

● #386d9d color description : Dark moderate blue.

The hexadecimal color #386d9d has RGB values of R:56, G:109, B:157 and CMYK values of C:0.64, M:0.31, Y:0, K:0.38. Its decimal value is 3698077.

Hex triplet	386d9d	`#386d9d`
RGB Decimal	56, 109, 157	`rgb(56,109,157)`
RGB Percent	22, 42.7, 61.6	`rgb(22%,42.7%,61.6%)`
CMYK	64, 31, 0, 38
HSL	208.5°, 47.4, 41.8	`hsl(208.5,47.4%,41.8%)`
HSV (or HSB)	208.5°, 64.3, 61.6
Web Safe	336699	`#336699`

CIE-LAB	44.535, -2.101, -31.243
XYZ	13.184, 14.211, 33.945
xyY	0.215, 0.232, 14.211
CIE-LCH	44.535, 31.313, 266.153
CIE-LUV	44.535, -21.51, -45.513
Hunter-Lab	37.698, -3.546, -26.998
Binary	00111000, 01101101, 10011101

#386d9d
```
#386d9d rgb(56,109,157)
```
#9d6838
```
#9d6838 rgb(157,104,56)
```

Complementary Color

#389d9b
```
#389d9b rgb(56,157,155)
```
#386d9d
```
#386d9d rgb(56,109,157)
```
#383b9d
```
#383b9d rgb(56,59,157)
```

Analogous Color

#9d9b38
```
#9d9b38 rgb(157,155,56)
```
#386d9d
```
#386d9d rgb(56,109,157)
```
#9d383b
```
#9d383b rgb(157,56,59)
```

Split Complementary Color

#6d9d38
```
#6d9d38 rgb(109,157,56)
```
#386d9d
```
#386d9d rgb(56,109,157)
```
#9d386d
```
#9d386d rgb(157,56,109)
```

Triadic Color

#389d68
```
#389d68 rgb(56,157,104)
```
#386d9d
```
#386d9d rgb(56,109,157)
```
#9d386d
```
#9d386d rgb(157,56,109)
```
#9d6838
```
#9d6838 rgb(157,104,56)
```

Tetradic Color

#244665
```
#244665 rgb(36,70,101)
```
#2b5377
```
#2b5377 rgb(43,83,119)
```
#31608a
```
#31608a rgb(49,96,138)
```
#386d9d
```
#386d9d rgb(56,109,157)
```
#3f7ab0
```
#3f7ab0 rgb(63,122,176)
```
#4a87be
```
#4a87be rgb(74,135,190)
```
#5c93c5
```
#5c93c5 rgb(92,147,197)
```

Monochromatic Color

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

#38869d
```
#38869d rgb(56,134,157)
```
#387e9d
```
#387e9d rgb(56,126,157)
```
#38759d
```
#38759d rgb(56,117,157)
```
#386d9d
```
#386d9d rgb(56,109,157)
```
#38659d
```
#38659d rgb(56,101,157)
```
#385c9d
```
#385c9d rgb(56,92,157)
```
#38549d
```
#38549d rgb(56,84,157)
```

Similar Colors

Text with hexadecimal color #386d9d

This text has a font color of #386d9d.

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

#386d9d background color

This paragraph has a background color of #386d9d.

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

#386d9d border color

This element has a border color of #386d9d.

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

CSS codes

.text {color:#386d9d;}

.background {background-color:#386d9d;}

.border {border:1px solid #386d9d;}

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, #04090c is the darkest color, while #fdfefe is the lightest one.

#04090c
```
#04090c rgb(4,9,12)
```
#0a131b
```
#0a131b rgb(10,19,27)
```
#0f1d29
```
#0f1d29 rgb(15,29,41)
```
#142738
```
#142738 rgb(20,39,56)
```
#193146
```
#193146 rgb(25,49,70)
```
#1e3b55
```
#1e3b55 rgb(30,59,85)
```
#234563
```
#234563 rgb(35,69,99)
```
#294f72
```
#294f72 rgb(41,79,114)
```
#2e5980
```
#2e5980 rgb(46,89,128)
```
#33638f
```
#33638f rgb(51,99,143)
```
#386d9d
```
#386d9d rgb(56,109,157)
```
#3d77ab
```
#3d77ab rgb(61,119,171)
```
#4281ba
```
#4281ba rgb(66,129,186)
```

Shade Color Variation

#4f8bc0
```
#4f8bc0 rgb(79,139,192)
```
#5e94c6
```
#5e94c6 rgb(94,148,198)
```
#6c9ecb
```
#6c9ecb rgb(108,158,203)
```
#7ba7d0
```
#7ba7d0 rgb(123,167,208)
```
#89b1d5
```
#89b1d5 rgb(137,177,213)
```
#98bbda
```
#98bbda rgb(152,187,218)
```
#a6c4df
```
#a6c4df rgb(166,196,223)
```
#b5cee4
```
#b5cee4 rgb(181,206,228)
```
#c3d7ea
```
#c3d7ea rgb(195,215,234)
```
#d2e1ef
```
#d2e1ef rgb(210,225,239)
```
#e0eaf4
```
#e0eaf4 rgb(224,234,244)
```
#eff4f9
```
#eff4f9 rgb(239,244,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696b6c is the less saturated color, while #076fce is the most saturated one.

#696b6c
```
#696b6c rgb(105,107,108)
```
#616b74
```
#616b74 rgb(97,107,116)
```
#596b7c
```
#596b7c rgb(89,107,124)
```
#516c84
```
#516c84 rgb(81,108,132)
```
#486c8d
```
#486c8d rgb(72,108,141)
```
#406d95
```
#406d95 rgb(64,109,149)
```
#386d9d
```
#386d9d rgb(56,109,157)
```
#306da5
```
#306da5 rgb(48,109,165)
```
#286ead
```
#286ead rgb(40,110,173)
```
#1f6eb6
```
#1f6eb6 rgb(31,110,182)
```
#176fbe
```
#176fbe rgb(23,111,190)
```
#0f6fc6
```
#0f6fc6 rgb(15,111,198)
```
#076fce
```
#076fce rgb(7,111,206)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#5a656f Atypical Achromatopsia 0.001% of the population

Dichromacy

#606f9e Protanopia 1% of men
#5770a3 Deuteranopia 1% of men
#2d7a83 Tritanopia 0.001% of the population

Trichromacy

#516e9d Protanomaly 1% of men, 0.01% of women
#4c6fa1 Deuteranomaly 6% of men, 0.4% of women
#31758c Tritanomaly 0.01% of the population

#386d9d hex color

#386d9d Color Information

#386d9d Color Conversion

Color Schemes with #386d9d

Alternatives to #386d9d

#386d9d Preview

Shades and Tints of #386d9d

Tones of #386d9d

Color Blindness Simulator