#386d87 hex color

In a RGB color space, hex #386d87 is composed of 22% red, 42.7% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 19.3% magenta, 0% yellow and 47.1% black. It has a hue angle of 199.7 degrees, a saturation of 41.4% and a lightness of 37.5%. #386d87 color hex could be obtained by blending #70daff with #00000f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 22
- G 43
- B 53
RGB color chart
- C 59
- M 19
- Y 0
- K 47
CMYK color chart

● #386d87 color description : Dark moderate blue.

The hexadecimal color #386d87 has RGB values of R:56, G:109, B:135 and CMYK values of C:0.59, M:0.19, Y:0, K:0.47. Its decimal value is 3698055.

Hex triplet	386d87	`#386d87`
RGB Decimal	56, 109, 135	`rgb(56,109,135)`
RGB Percent	22, 42.7, 52.9	`rgb(22%,42.7%,52.9%)`
CMYK	59, 19, 0, 47
HSL	199.7°, 41.4, 37.5	`hsl(199.7,41.4%,37.5%)`
HSV (or HSB)	199.7°, 58.5, 52.9
Web Safe	336699	`#336699`

CIE-LAB	43.546, -9.569, -19.683
XYZ	11.472, 13.527, 24.927
xyY	0.23, 0.271, 13.527
CIE-LCH	43.546, 21.885, 244.074
CIE-LUV	43.546, -22.16, -26.784
Hunter-Lab	36.778, -8.686, -14.439
Binary	00111000, 01101101, 10000111

#386d87
```
#386d87 rgb(56,109,135)
```
#875238
```
#875238 rgb(135,82,56)
```

Complementary Color

#38877a
```
#38877a rgb(56,135,122)
```
#386d87
```
#386d87 rgb(56,109,135)
```
#384687
```
#384687 rgb(56,70,135)
```

Analogous Color

#877a38
```
#877a38 rgb(135,122,56)
```
#386d87
```
#386d87 rgb(56,109,135)
```
#873846
```
#873846 rgb(135,56,70)
```

Split Complementary Color

#6d8738
```
#6d8738 rgb(109,135,56)
```
#386d87
```
#386d87 rgb(56,109,135)
```
#87386d
```
#87386d rgb(135,56,109)
```

Triadic Color

#388752
```
#388752 rgb(56,135,82)
```
#386d87
```
#386d87 rgb(56,109,135)
```
#87386d
```
#87386d rgb(135,56,109)
```
#875238
```
#875238 rgb(135,82,56)
```

Tetradic Color

#224151
```
#224151 rgb(34,65,81)
```
#295063
```
#295063 rgb(41,80,99)
```
#315e75
```
#315e75 rgb(49,94,117)
```
#386d87
```
#386d87 rgb(56,109,135)
```
#3f7c99
```
#3f7c99 rgb(63,124,153)
```
#478aab
```
#478aab rgb(71,138,171)
```
#5497b8
```
#5497b8 rgb(84,151,184)
```

Monochromatic Color

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

#388187
```
#388187 rgb(56,129,135)
```
#387a87
```
#387a87 rgb(56,122,135)
```
#387487
```
#387487 rgb(56,116,135)
```
#386d87
```
#386d87 rgb(56,109,135)
```
#386687
```
#386687 rgb(56,102,135)
```
#386087
```
#386087 rgb(56,96,135)
```
#385987
```
#385987 rgb(56,89,135)
```

Similar Colors

Text with hexadecimal color #386d87

This text has a font color of #386d87.

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

#386d87 background color

This paragraph has a background color of #386d87.

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

#386d87 border color

This element has a border color of #386d87.

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

CSS codes

.text {color:#386d87;}

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

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

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

#04080a
```
#04080a rgb(4,8,10)
```
#0a1318
```
#0a1318 rgb(10,19,24)
```
#101f26
```
#101f26 rgb(16,31,38)
```
#152a34
```
#152a34 rgb(21,42,52)
```
#1b3542
```
#1b3542 rgb(27,53,66)
```
#214050
```
#214050 rgb(33,64,80)
```
#274b5d
```
#274b5d rgb(39,75,93)
```
#2c576b
```
#2c576b rgb(44,87,107)
```
#326279
```
#326279 rgb(50,98,121)
```
#386d87
```
#386d87 rgb(56,109,135)
```
#3e7895
```
#3e7895 rgb(62,120,149)
```
#4483a3
```
#4483a3 rgb(68,131,163)
```
#498fb1
```
#498fb1 rgb(73,143,177)
```

Shade Color Variation

#5598b8
```
#5598b8 rgb(85,152,184)
```
#63a0be
```
#63a0be rgb(99,160,190)
```
#71a9c4
```
#71a9c4 rgb(113,169,196)
```
#7fb1ca
```
#7fb1ca rgb(127,177,202)
```
#8cb9cf
```
#8cb9cf rgb(140,185,207)
```
#9ac2d5
```
#9ac2d5 rgb(154,194,213)
```
#a8cadb
```
#a8cadb rgb(168,202,219)
```
#b6d3e1
```
#b6d3e1 rgb(182,211,225)
```
#c4dbe6
```
#c4dbe6 rgb(196,219,230)
```
#d2e4ec
```
#d2e4ec rgb(210,228,236)
```
#e0ecf2
```
#e0ecf2 rgb(224,236,242)
```
#edf4f8
```
#edf4f8 rgb(237,244,248)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#5d6062
```
#5d6062 rgb(93,96,98)
```
#55636a
```
#55636a rgb(85,99,106)
```
#4e6571
```
#4e6571 rgb(78,101,113)
```
#476878
```
#476878 rgb(71,104,120)
```
#3f6a80
```
#3f6a80 rgb(63,106,128)
```
#386d87
```
#386d87 rgb(56,109,135)
```
#31708e
```
#31708e rgb(49,112,142)
```
#297296
```
#297296 rgb(41,114,150)
```
#22759d
```
#22759d rgb(34,117,157)
```
#1b77a4
```
#1b77a4 rgb(27,119,164)
```
#137aac
```
#137aac rgb(19,122,172)
```
#0c7cb3
```
#0c7cb3 rgb(12,124,179)
```
#057fba
```
#057fba rgb(5,127,186)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#586368 Atypical Achromatopsia 0.001% of the population

Dichromacy

#676d88 Protanopia 1% of men
#656d90 Deuteranopia 1% of men
#3b777f Tritanopia 0.001% of the population

Trichromacy

#566d88 Protanomaly 1% of men, 0.01% of women
#546d8c Deuteranomaly 6% of men, 0.4% of women
#3a7382 Tritanomaly 0.01% of the population

#386d87 hex color

#386d87 Color Information

#386d87 Color Conversion

Color Schemes with #386d87

Alternatives to #386d87

#386d87 Preview

Shades and Tints of #386d87

Tones of #386d87

Color Blindness Simulator