#384d6a hex color

In a RGB color space, hex #384d6a is composed of 22% red, 30.2% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 47.2% cyan, 27.4% magenta, 0% yellow and 58.4% black. It has a hue angle of 214.8 degrees, a saturation of 30.9% and a lightness of 31.8%. #384d6a color hex could be obtained by blending #709ad4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 22
- G 30
- B 42
RGB color chart
- C 47
- M 27
- Y 0
- K 58
CMYK color chart

● #384d6a color description : Very dark desaturated blue.

The hexadecimal color #384d6a has RGB values of R:56, G:77, B:106 and CMYK values of C:0.47, M:0.27, Y:0, K:0.58. Its decimal value is 3689834.

Hex triplet	384d6a	`#384d6a`
RGB Decimal	56, 77, 106	`rgb(56,77,106)`
RGB Percent	22, 30.2, 41.6	`rgb(22%,30.2%,41.6%)`
CMYK	47, 27, 0, 58
HSL	214.8°, 30.9, 31.8	`hsl(214.8,30.9%,31.8%)`
HSV (or HSB)	214.8°, 47.2, 41.6
Web Safe	336666	`#336666`

CIE-LAB	32.233, 0.536, -19.346
XYZ	6.886, 7.189, 14.66
xyY	0.24, 0.25, 7.189
CIE-LCH	32.233, 19.354, 271.586
CIE-LUV	32.233, -10.176, -25.412
Hunter-Lab	26.812, -1.08, -13.649
Binary	00111000, 01001101, 01101010

#384d6a
```
#384d6a rgb(56,77,106)
```
#6a5538
```
#6a5538 rgb(106,85,56)
```

Complementary Color

#38666a
```
#38666a rgb(56,102,106)
```
#384d6a
```
#384d6a rgb(56,77,106)
```
#3c386a
```
#3c386a rgb(60,56,106)
```

Analogous Color

#666a38
```
#666a38 rgb(102,106,56)
```
#384d6a
```
#384d6a rgb(56,77,106)
```
#6a3c38
```
#6a3c38 rgb(106,60,56)
```

Split Complementary Color

#4d6a38
```
#4d6a38 rgb(77,106,56)
```
#384d6a
```
#384d6a rgb(56,77,106)
```
#6a384d
```
#6a384d rgb(106,56,77)
```

Triadic Color

#386a55
```
#386a55 rgb(56,106,85)
```
#384d6a
```
#384d6a rgb(56,77,106)
```
#6a384d
```
#6a384d rgb(106,56,77)
```
#6a5538
```
#6a5538 rgb(106,85,56)
```

Tetradic Color

#1e2938
```
#1e2938 rgb(30,41,56)
```
#263549
```
#263549 rgb(38,53,73)
```
#2f4159
```
#2f4159 rgb(47,65,89)
```
#384d6a
```
#384d6a rgb(56,77,106)
```
#41597b
```
#41597b rgb(65,89,123)
```
#4a658b
```
#4a658b rgb(74,101,139)
```
#52719c
```
#52719c rgb(82,113,156)
```

Monochromatic Color

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

#385a6a
```
#385a6a rgb(56,90,106)
```
#38556a
```
#38556a rgb(56,85,106)
```
#38516a
```
#38516a rgb(56,81,106)
```
#384d6a
```
#384d6a rgb(56,77,106)
```
#38496a
```
#38496a rgb(56,73,106)
```
#38456a
```
#38456a rgb(56,69,106)
```
#38416a
```
#38416a rgb(56,65,106)
```

Similar Colors

Text with hexadecimal color #384d6a

This text has a font color of #384d6a.

<span style="color:#384d6a;">Text here</span>

#384d6a background color

This paragraph has a background color of #384d6a.

<p style="background-color:#384d6a;">Content here</p>

#384d6a border color

This element has a border color of #384d6a.

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

CSS codes

.text {color:#384d6a;}

.background {background-color:#384d6a;}

.border {border:1px solid #384d6a;}

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

#020203
```
#020203 rgb(2,2,3)
```
#090c10
```
#090c10 rgb(9,12,16)
```
#0f151d
```
#0f151d rgb(15,21,29)
```
#161e2a
```
#161e2a rgb(22,30,42)
```
#1d2837
```
#1d2837 rgb(29,40,55)
```
#243143
```
#243143 rgb(36,49,67)
```
#2a3a50
```
#2a3a50 rgb(42,58,80)
```
#31445d
```
#31445d rgb(49,68,93)
```
#384d6a
```
#384d6a rgb(56,77,106)
```
#3f5677
```
#3f5677 rgb(63,86,119)
```
#466084
```
#466084 rgb(70,96,132)
```
#4c6991
```
#4c6991 rgb(76,105,145)
```
#53729d
```
#53729d rgb(83,114,157)
```

Shade Color Variation

#5b7ca9
```
#5b7ca9 rgb(91,124,169)
```
#6886af
```
#6886af rgb(104,134,175)
```
#7590b6
```
#7590b6 rgb(117,144,182)
```
#829bbd
```
#829bbd rgb(130,155,189)
```
#8fa5c4
```
#8fa5c4 rgb(143,165,196)
```
#9cafcb
```
#9cafcb rgb(156,175,203)
```
#a8bad1
```
#a8bad1 rgb(168,186,209)
```
#b5c4d8
```
#b5c4d8 rgb(181,196,216)
```
#c2cedf
```
#c2cedf rgb(194,206,223)
```
#cfd8e6
```
#cfd8e6 rgb(207,216,230)
```
#dce3ec
```
#dce3ec rgb(220,227,236)
```
#e9edf3
```
#e9edf3 rgb(233,237,243)
```
#f5f7fa
```
#f5f7fa rgb(245,247,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #515151 is the less saturated color, while #06459c is the most saturated one.

#515151
```
#515151 rgb(81,81,81)
```
#4b5057
```
#4b5057 rgb(75,80,87)
```
#444f5e
```
#444f5e rgb(68,79,94)
```
#3e4e64
```
#3e4e64 rgb(62,78,100)
```
#384d6a
```
#384d6a rgb(56,77,106)
```
#324c70
```
#324c70 rgb(50,76,112)
```
#2c4b76
```
#2c4b76 rgb(44,75,118)
```
#254a7d
```
#254a7d rgb(37,74,125)
```
#1f4983
```
#1f4983 rgb(31,73,131)
```
#194889
```
#194889 rgb(25,72,137)
```
#13478f
```
#13478f rgb(19,71,143)
```
#0c4696
```
#0c4696 rgb(12,70,150)
```
#06459c
```
#06459c rgb(6,69,156)
```

Tone Color Variation

Below, you can see how #384d6a 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

#4a4a4a Achromatopsia 0.005% of the population
#464b50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c5470 Protanopia 1% of men
#4a5472 Deuteranopia 1% of men
#3c5960 Tritanopia 0.001% of the population

Trichromacy

#45516e Protanomaly 1% of men, 0.01% of women
#43516f Deuteranomaly 6% of men, 0.4% of women
#3a5563 Tritanomaly 0.01% of the population

#384d6a hex color

#384d6a Color Information

#384d6a Color Conversion

Color Schemes with #384d6a

Alternatives to #384d6a

#384d6a Preview

Shades and Tints of #384d6a

Tones of #384d6a

Color Blindness Simulator