#386d96 hex color

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

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

● #386d96 color description : Dark moderate blue.

The hexadecimal color #386d96 has RGB values of R:56, G:109, B:150 and CMYK values of C:0.63, M:0.27, Y:0, K:0.41. Its decimal value is 3698070.

Hex triplet	386d96	`#386d96`
RGB Decimal	56, 109, 150	`rgb(56,109,150)`
RGB Percent	22, 42.7, 58.8	`rgb(22%,42.7%,58.8%)`
CMYK	63, 27, 0, 41
HSL	206.2°, 45.6, 40.4	`hsl(206.2,45.6%,40.4%)`
HSV (or HSB)	206.2°, 62.7, 58.8
Web Safe	336699	`#336699`

CIE-LAB	44.203, -4.529, -27.613
XYZ	12.603, 13.979, 30.887
xyY	0.219, 0.243, 13.979
CIE-LCH	44.203, 27.982, 260.686
CIE-LUV	44.203, -21.706, -39.575
Hunter-Lab	37.389, -5.26, -22.807
Binary	00111000, 01101101, 10010110

#386d96
```
#386d96 rgb(56,109,150)
```
#966138
```
#966138 rgb(150,97,56)
```

Complementary Color

#389690
```
#389690 rgb(56,150,144)
```
#386d96
```
#386d96 rgb(56,109,150)
```
#383e96
```
#383e96 rgb(56,62,150)
```

Analogous Color

#969038
```
#969038 rgb(150,144,56)
```
#386d96
```
#386d96 rgb(56,109,150)
```
#96383e
```
#96383e rgb(150,56,62)
```

Split Complementary Color

#6d9638
```
#6d9638 rgb(109,150,56)
```
#386d96
```
#386d96 rgb(56,109,150)
```
#96386d
```
#96386d rgb(150,56,109)
```

Triadic Color

#389661
```
#389661 rgb(56,150,97)
```
#386d96
```
#386d96 rgb(56,109,150)
```
#96386d
```
#96386d rgb(150,56,109)
```
#966138
```
#966138 rgb(150,97,56)
```

Tetradic Color

#23455e
```
#23455e rgb(35,69,94)
```
#2a5271
```
#2a5271 rgb(42,82,113)
```
#316083
```
#316083 rgb(49,96,131)
```
#386d96
```
#386d96 rgb(56,109,150)
```
#3f7aa9
```
#3f7aa9 rgb(63,122,169)
```
#4788ba
```
#4788ba rgb(71,136,186)
```
#5994c1
```
#5994c1 rgb(89,148,193)
```

Monochromatic Color

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

#388596
```
#388596 rgb(56,133,150)
```
#387d96
```
#387d96 rgb(56,125,150)
```
#387596
```
#387596 rgb(56,117,150)
```
#386d96
```
#386d96 rgb(56,109,150)
```
#386596
```
#386596 rgb(56,101,150)
```
#385d96
```
#385d96 rgb(56,93,150)
```
#385696
```
#385696 rgb(56,86,150)
```

Similar Colors

Text with hexadecimal color #386d96

This text has a font color of #386d96.

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

#386d96 background color

This paragraph has a background color of #386d96.

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

#386d96 border color

This element has a border color of #386d96.

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

CSS codes

.text {color:#386d96;}

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

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

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)
```
#081015
```
#081015 rgb(8,16,21)
```
#0d1a24
```
#0d1a24 rgb(13,26,36)
```
#132432
```
#132432 rgb(19,36,50)
```
#182f40
```
#182f40 rgb(24,47,64)
```
#1d394f
```
#1d394f rgb(29,57,79)
```
#23435d
```
#23435d rgb(35,67,93)
```
#284e6b
```
#284e6b rgb(40,78,107)
```
#2d5879
```
#2d5879 rgb(45,88,121)
```
#336388
```
#336388 rgb(51,99,136)
```
#386d96
```
#386d96 rgb(56,109,150)
```
#3d77a4
```
#3d77a4 rgb(61,119,164)
```
#4382b3
```
#4382b3 rgb(67,130,179)
```

Shade Color Variation

#4c8cbc
```
#4c8cbc rgb(76,140,188)
```
#5b95c2
```
#5b95c2 rgb(91,149,194)
```
#699ec7
```
#699ec7 rgb(105,158,199)
```
#77a7cc
```
#77a7cc rgb(119,167,204)
```
#86b1d2
```
#86b1d2 rgb(134,177,210)
```
#94bad7
```
#94bad7 rgb(148,186,215)
```
#a2c3dc
```
#a2c3dc rgb(162,195,220)
```
#b0cce2
```
#b0cce2 rgb(176,204,226)
```
#bfd5e7
```
#bfd5e7 rgb(191,213,231)
```
#cddfec
```
#cddfec rgb(205,223,236)
```
#dbe8f2
```
#dbe8f2 rgb(219,232,242)
```
#eaf1f7
```
#eaf1f7 rgb(234,241,247)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

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

#60686e
```
#60686e rgb(96,104,110)
```
#586976
```
#586976 rgb(88,105,118)
```
#506a7e
```
#506a7e rgb(80,106,126)
```
#486b86
```
#486b86 rgb(72,107,134)
```
#406c8e
```
#406c8e rgb(64,108,142)
```
#386d96
```
#386d96 rgb(56,109,150)
```
#306e9e
```
#306e9e rgb(48,110,158)
```
#286fa6
```
#286fa6 rgb(40,111,166)
```
#2070ae
```
#2070ae rgb(32,112,174)
```
#1871b6
```
#1871b6 rgb(24,113,182)
```
#1072be
```
#1072be rgb(16,114,190)
```
#0873c6
```
#0873c6 rgb(8,115,198)
```
#0174cd
```
#0174cd rgb(1,116,205)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#5a646c Atypical Achromatopsia 0.001% of the population

Dichromacy

#636e97 Protanopia 1% of men
#5c6f9d Deuteranopia 1% of men
#337982 Tritanopia 0.001% of the population

Trichromacy

#536e96 Protanomaly 1% of men, 0.01% of women
#4f6e9a Deuteranomaly 6% of men, 0.4% of women
#347489 Tritanomaly 0.01% of the population

#386d96 hex color

#386d96 Color Information

#386d96 Color Conversion

Color Schemes with #386d96

Alternatives to #386d96

#386d96 Preview

Shades and Tints of #386d96

Tones of #386d96

Color Blindness Simulator