#386d8c hex color

In a RGB color space, hex #386d8c is composed of 22% red, 42.7% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 22.1% magenta, 0% yellow and 45.1% black. It has a hue angle of 202.1 degrees, a saturation of 42.9% and a lightness of 38.4%. #386d8c color hex could be obtained by blending #70daff with #000019. Closest websafe color is: #336699.

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

● #386d8c color description : Dark moderate blue.

The hexadecimal color #386d8c has RGB values of R:56, G:109, B:140 and CMYK values of C:0.6, M:0.22, Y:0, K:0.45. Its decimal value is 3698060.

Hex triplet	386d8c	`#386d8c`
RGB Decimal	56, 109, 140	`rgb(56,109,140)`
RGB Percent	22, 42.7, 54.9	`rgb(22%,42.7%,54.9%)`
CMYK	60, 22, 0, 45
HSL	202.1°, 42.9, 38.4	`hsl(202.1,42.9%,38.4%)`
HSV (or HSB)	202.1°, 60, 54.9
Web Safe	336699	`#336699`

CIE-LAB	43.757, -7.916, -22.349
XYZ	11.832, 13.671, 26.825
xyY	0.226, 0.261, 13.671
CIE-LCH	43.757, 23.71, 250.495
CIE-LUV	43.757, -22.004, -31.049
Hunter-Lab	36.974, -7.583, -17.133
Binary	00111000, 01101101, 10001100

#386d8c
```
#386d8c rgb(56,109,140)
```
#8c5738
```
#8c5738 rgb(140,87,56)
```

Complementary Color

#388c81
```
#388c81 rgb(56,140,129)
```
#386d8c
```
#386d8c rgb(56,109,140)
```
#38438c
```
#38438c rgb(56,67,140)
```

Analogous Color

#8c8138
```
#8c8138 rgb(140,129,56)
```
#386d8c
```
#386d8c rgb(56,109,140)
```
#8c3843
```
#8c3843 rgb(140,56,67)
```

Split Complementary Color

#6d8c38
```
#6d8c38 rgb(109,140,56)
```
#386d8c
```
#386d8c rgb(56,109,140)
```
#8c386d
```
#8c386d rgb(140,56,109)
```

Triadic Color

#388c57
```
#388c57 rgb(56,140,87)
```
#386d8c
```
#386d8c rgb(56,109,140)
```
#8c386d
```
#8c386d rgb(140,56,109)
```
#8c5738
```
#8c5738 rgb(140,87,56)
```

Tetradic Color

#224255
```
#224255 rgb(34,66,85)
```
#295168
```
#295168 rgb(41,81,104)
```
#315f7a
```
#315f7a rgb(49,95,122)
```
#386d8c
```
#386d8c rgb(56,109,140)
```
#3f7b9e
```
#3f7b9e rgb(63,123,158)
```
#4789b0
```
#4789b0 rgb(71,137,176)
```
#5596bb
```
#5596bb rgb(85,150,187)
```

Monochromatic Color

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

#38828c
```
#38828c rgb(56,130,140)
```
#387b8c
```
#387b8c rgb(56,123,140)
```
#38748c
```
#38748c rgb(56,116,140)
```
#386d8c
```
#386d8c rgb(56,109,140)
```
#38668c
```
#38668c rgb(56,102,140)
```
#385f8c
```
#385f8c rgb(56,95,140)
```
#38588c
```
#38588c rgb(56,88,140)
```

Similar Colors

Text with hexadecimal color #386d8c

This text has a font color of #386d8c.

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

#386d8c background color

This paragraph has a background color of #386d8c.

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

#386d8c border color

This element has a border color of #386d8c.

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

CSS codes

.text {color:#386d8c;}

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

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

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, #060b0e is the darkest color, while #ffffff is the lightest one.

#060b0e
```
#060b0e rgb(6,11,14)
```
#0b161c
```
#0b161c rgb(11,22,28)
```
#11212a
```
#11212a rgb(17,33,42)
```
#162c38
```
#162c38 rgb(22,44,56)
```
#1c3646
```
#1c3646 rgb(28,54,70)
```
#224154
```
#224154 rgb(34,65,84)
```
#274c62
```
#274c62 rgb(39,76,98)
```
#2d5770
```
#2d5770 rgb(45,87,112)
```
#32627e
```
#32627e rgb(50,98,126)
```
#386d8c
```
#386d8c rgb(56,109,140)
```
#3e789a
```
#3e789a rgb(62,120,154)
```
#4383a8
```
#4383a8 rgb(67,131,168)
```
#498eb6
```
#498eb6 rgb(73,142,182)
```

Shade Color Variation

#5796bc
```
#5796bc rgb(87,150,188)
```
#659fc1
```
#659fc1 rgb(101,159,193)
```
#73a8c7
```
#73a8c7 rgb(115,168,199)
```
#81b1cd
```
#81b1cd rgb(129,177,205)
```
#8fb9d2
```
#8fb9d2 rgb(143,185,210)
```
#9dc2d8
```
#9dc2d8 rgb(157,194,216)
```
#abcbdd
```
#abcbdd rgb(171,203,221)
```
#b9d3e3
```
#b9d3e3 rgb(185,211,227)
```
#c7dce9
```
#c7dce9 rgb(199,220,233)
```
#d5e5ee
```
#d5e5ee rgb(213,229,238)
```
#e3eef4
```
#e3eef4 rgb(227,238,244)
```
#f1f6f9
```
#f1f6f9 rgb(241,246,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5e6366
```
#5e6366 rgb(94,99,102)
```
#56656e
```
#56656e rgb(86,101,110)
```
#4f6775
```
#4f6775 rgb(79,103,117)
```
#47697d
```
#47697d rgb(71,105,125)
```
#406b84
```
#406b84 rgb(64,107,132)
```
#386d8c
```
#386d8c rgb(56,109,140)
```
#306f94
```
#306f94 rgb(48,111,148)
```
#29719b
```
#29719b rgb(41,113,155)
```
#2173a3
```
#2173a3 rgb(33,115,163)
```
#1a75aa
```
#1a75aa rgb(26,117,170)
```
#1277b2
```
#1277b2 rgb(18,119,178)
```
#0b79b9
```
#0b79b9 rgb(11,121,185)
```
#037bc1
```
#037bc1 rgb(3,123,193)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#59636a Atypical Achromatopsia 0.001% of the population

Dichromacy

#666e8d Protanopia 1% of men
#626e94 Deuteranopia 1% of men
#397780 Tritanopia 0.001% of the population

Trichromacy

#556d8d Protanomaly 1% of men, 0.01% of women
#536d91 Deuteranomaly 6% of men, 0.4% of women
#387384 Tritanomaly 0.01% of the population

#386d8c hex color

#386d8c Color Information

#386d8c Color Conversion

Color Schemes with #386d8c

Alternatives to #386d8c

#386d8c Preview

Shades and Tints of #386d8c

Tones of #386d8c

Color Blindness Simulator