#386f8d hex color

In a RGB color space, hex #386f8d is composed of 22% red, 43.5% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 21.3% magenta, 0% yellow and 44.7% black. It has a hue angle of 201.2 degrees, a saturation of 43.1% and a lightness of 38.6%. #386f8d color hex could be obtained by blending #70deff with #00001b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 22
- G 44
- B 55
RGB color chart
- C 60
- M 21
- Y 0
- K 45
CMYK color chart

● #386f8d color description : Dark moderate blue.

The hexadecimal color #386f8d has RGB values of R:56, G:111, B:141 and CMYK values of C:0.6, M:0.21, Y:0, K:0.45. Its decimal value is 3698573.

Hex triplet	386f8d	`#386f8d`
RGB Decimal	56, 111, 141	`rgb(56,111,141)`
RGB Percent	22, 43.5, 55.3	`rgb(22%,43.5%,55.3%)`
CMYK	60, 21, 0, 45
HSL	201.2°, 43.1, 38.6	`hsl(201.2,43.1%,38.6%)`
HSV (or HSB)	201.2°, 60.3, 55.3
Web Safe	336699	`#336699`

CIE-LAB	44.421, -8.759, -21.919
XYZ	12.122, 14.132, 27.287
xyY	0.226, 0.264, 14.132
CIE-LCH	44.421, 23.604, 248.219
CIE-LUV	44.421, -22.732, -30.398
Hunter-Lab	37.592, -8.229, -16.721
Binary	00111000, 01101111, 10001101

#386f8d
```
#386f8d rgb(56,111,141)
```
#8d5638
```
#8d5638 rgb(141,86,56)
```

Complementary Color

#388d81
```
#388d81 rgb(56,141,129)
```
#386f8d
```
#386f8d rgb(56,111,141)
```
#38458d
```
#38458d rgb(56,69,141)
```

Analogous Color

#8d8138
```
#8d8138 rgb(141,129,56)
```
#386f8d
```
#386f8d rgb(56,111,141)
```
#8d3845
```
#8d3845 rgb(141,56,69)
```

Split Complementary Color

#6f8d38
```
#6f8d38 rgb(111,141,56)
```
#386f8d
```
#386f8d rgb(56,111,141)
```
#8d386f
```
#8d386f rgb(141,56,111)
```

Triadic Color

#388d56
```
#388d56 rgb(56,141,86)
```
#386f8d
```
#386f8d rgb(56,111,141)
```
#8d386f
```
#8d386f rgb(141,56,111)
```
#8d5638
```
#8d5638 rgb(141,86,56)
```

Tetradic Color

#224456
```
#224456 rgb(34,68,86)
```
#2a5268
```
#2a5268 rgb(42,82,104)
```
#31617b
```
#31617b rgb(49,97,123)
```
#386f8d
```
#386f8d rgb(56,111,141)
```
#3f7d9f
```
#3f7d9f rgb(63,125,159)
```
#468cb2
```
#468cb2 rgb(70,140,178)
```
#5698bc
```
#5698bc rgb(86,152,188)
```

Monochromatic Color

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

#38848d
```
#38848d rgb(56,132,141)
```
#387d8d
```
#387d8d rgb(56,125,141)
```
#38768d
```
#38768d rgb(56,118,141)
```
#386f8d
```
#386f8d rgb(56,111,141)
```
#38688d
```
#38688d rgb(56,104,141)
```
#38618d
```
#38618d rgb(56,97,141)
```
#385a8d
```
#385a8d rgb(56,90,141)
```

Similar Colors

Text with hexadecimal color #386f8d

This text has a font color of #386f8d.

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

#386f8d background color

This paragraph has a background color of #386f8d.

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

#386f8d border color

This element has a border color of #386f8d.

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

CSS codes

.text {color:#386f8d;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#060c0f
```
#060c0f rgb(6,12,15)
```
#0b171d
```
#0b171d rgb(11,23,29)
```
#11222b
```
#11222b rgb(17,34,43)
```
#172d39
```
#172d39 rgb(23,45,57)
```
#1c3847
```
#1c3847 rgb(28,56,71)
```
#224355
```
#224355 rgb(34,67,85)
```
#274e63
```
#274e63 rgb(39,78,99)
```
#2d5971
```
#2d5971 rgb(45,89,113)
```
#32647f
```
#32647f rgb(50,100,127)
```
#386f8d
```
#386f8d rgb(56,111,141)
```
#3e7a9b
```
#3e7a9b rgb(62,122,155)
```
#4385a9
```
#4385a9 rgb(67,133,169)
```

Shade Color Variation

#4990b7
```
#4990b7 rgb(73,144,183)
```
#5799bc
```
#5799bc rgb(87,153,188)
```
#65a1c2
```
#65a1c2 rgb(101,161,194)
```
#73aac7
```
#73aac7 rgb(115,170,199)
```
#81b2cd
```
#81b2cd rgb(129,178,205)
```
#8fbbd3
```
#8fbbd3 rgb(143,187,211)
```
#9dc3d8
```
#9dc3d8 rgb(157,195,216)
```
#abccde
```
#abccde rgb(171,204,222)
```
#b9d5e3
```
#b9d5e3 rgb(185,213,227)
```
#c7dde9
```
#c7dde9 rgb(199,221,233)
```
#d5e6ef
```
#d5e6ef rgb(213,230,239)
```
#e4eef4
```
#e4eef4 rgb(228,238,244)
```
#f2f7fa
```
#f2f7fa rgb(242,247,250)
```

Tint Color Variation

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

#5e6467
```
#5e6467 rgb(94,100,103)
```
#56666f
```
#56666f rgb(86,102,111)
```
#4f6876
```
#4f6876 rgb(79,104,118)
```
#476b7e
```
#476b7e rgb(71,107,126)
```
#406d85
```
#406d85 rgb(64,109,133)
```
#386f8d
```
#386f8d rgb(56,111,141)
```
#307195
```
#307195 rgb(48,113,149)
```
#29739c
```
#29739c rgb(41,115,156)
```
#2176a4
```
#2176a4 rgb(33,118,164)
```
#1a78ab
```
#1a78ab rgb(26,120,171)
```
#127ab3
```
#127ab3 rgb(18,122,179)
```
#0b7cba
```
#0b7cba rgb(11,124,186)
```
#037fc2
```
#037fc2 rgb(3,127,194)
```

Tone Color Variation

Below, you can see how #386f8d 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
#5a656b Atypical Achromatopsia 0.001% of the population

Dichromacy

#686f8e Protanopia 1% of men
#646f95 Deuteranopia 1% of men
#397982 Tritanopia 0.001% of the population

Trichromacy

#566f8d Protanomaly 1% of men, 0.01% of women
#546f92 Deuteranomaly 6% of men, 0.4% of women
#387586 Tritanomaly 0.01% of the population

#386f8d hex color

#386f8d Color Information

#386f8d Color Conversion

Color Schemes with #386f8d

Alternatives to #386f8d

#386f8d Preview

Shades and Tints of #386f8d

Tones of #386f8d

Color Blindness Simulator