colorhexa.com

#386158 hex color

In a RGB color space, hex #386158 is composed of 22% red, 38% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 42.3% cyan, 0% magenta, 9.3% yellow and 62% black. It has a hue angle of 166.8 degrees, a saturation of 26.8% and a lightness of 30%. #386158 color hex could be obtained by blending #70c2b0 with #000000. Closest websafe color is: #336666.

- R 22
- G 38
- B 35
RGB color chart
- C 42
- M 0
- Y 9
- K 62
CMYK color chart

● #386158 color description : Very dark desaturated cyan.

The hexadecimal color #386158 has RGB values of R:56, G:97, B:88 and CMYK values of C:0.42, M:0, Y:0.09, K:0.62. Its decimal value is 3694936.

Hex triplet	386158	`#386158`
RGB Decimal	56, 97, 88	`rgb(56,97,88)`
RGB Percent	22, 38, 34.5	`rgb(22%,38%,34.5%)`
CMYK	42, 0, 9, 62
HSL	166.8°, 26.8, 30	`hsl(166.8,26.8%,30%)`
HSV (or HSB)	166.8°, 42.3, 38
Web Safe	336666	`#336666`

CIE-LAB	38.011, -16.772, 0.61
XYZ	7.667, 10.094, 10.776
xyY	0.269, 0.354, 10.094
CIE-LCH	38.011, 16.783, 177.917
CIE-LUV	38.011, -18.594, 3.109
Hunter-Lab	31.772, -12.528, 2.13
Binary	00111000, 01100001, 01011000

#386158
```
#386158 rgb(56,97,88)
```
#613841
```
#613841 rgb(97,56,65)
```

Complementary Color

#386144
```
#386144 rgb(56,97,68)
```
#386158
```
#386158 rgb(56,97,88)
```
#385661
```
#385661 rgb(56,86,97)
```

Analogous Color

#614438
```
#614438 rgb(97,68,56)
```
#386158
```
#386158 rgb(56,97,88)
```
#613856
```
#613856 rgb(97,56,86)
```

Split Complementary Color

#1c312c
```
#1c312c rgb(28,49,44)
```
#25413b
```
#25413b rgb(37,65,59)
```
#2f5149
```
#2f5149 rgb(47,81,73)
```
#386158
```
#386158 rgb(56,97,88)
```
#417167
```
#417167 rgb(65,113,103)
```
#4b8175
```
#4b8175 rgb(75,129,117)
```
#549284
```
#549284 rgb(84,146,132)
```

Monochromatic Color

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

#38614e
```
#38614e rgb(56,97,78)
```
#386151
```
#386151 rgb(56,97,81)
```
#386155
```
#386155 rgb(56,97,85)
```
#386158
```
#386158 rgb(56,97,88)
```
#38615b
```
#38615b rgb(56,97,91)
```
#38615f
```
#38615f rgb(56,97,95)
```
#386061
```
#386061 rgb(56,96,97)
```

Similar Colors

Text with hexadecimal color #386158

This text has a font color of #386158.

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

#386158 background color

This paragraph has a background color of #386158.

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

#386158 border color

This element has a border color of #386158.

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

CSS codes

.text {color:#386158;}

.background {background-color:#386158;}

.border {border:1px solid #386158;}

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

#060a09
```
#060a09 rgb(6,10,9)
```
#0d1614
```
#0d1614 rgb(13,22,20)
```
#142320
```
#142320 rgb(20,35,32)
```
#1b2f2b
```
#1b2f2b rgb(27,47,43)
```
#223c36
```
#223c36 rgb(34,60,54)
```
#2a4841
```
#2a4841 rgb(42,72,65)
```
#31554d
```
#31554d rgb(49,85,77)
```
#386158
```
#386158 rgb(56,97,88)
```
#3f6d63
```
#3f6d63 rgb(63,109,99)
```
#467a6f
```
#467a6f rgb(70,122,111)
```
#4e867a
```
#4e867a rgb(78,134,122)
```
#559385
```
#559385 rgb(85,147,133)
```
#5c9f90
```
#5c9f90 rgb(92,159,144)
```

Shade Color Variation

#67a799
```
#67a799 rgb(103,167,153)
```
#74afa2
```
#74afa2 rgb(116,175,162)
```
#80b6aa
```
#80b6aa rgb(128,182,170)
```
#8dbdb2
```
#8dbdb2 rgb(141,189,178)
```
#99c4bb
```
#99c4bb rgb(153,196,187)
```
#a5cbc3
```
#a5cbc3 rgb(165,203,195)
```
#b2d2cb
```
#b2d2cb rgb(178,210,203)
```
#bedad4
```
#bedad4 rgb(190,218,212)
```
#cbe1dc
```
#cbe1dc rgb(203,225,220)
```
#d7e8e4
```
#d7e8e4 rgb(215,232,228)
```
#e4efed
```
#e4efed rgb(228,239,237)
```
#f0f6f5
```
#f0f6f5 rgb(240,246,245)
```
#fdfefd
```
#fdfefd rgb(253,254,253)
```

Tint Color Variation

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

#4a4f4e
```
#4a4f4e rgb(74,79,78)
```
#445551
```
#445551 rgb(68,85,81)
```
#3e5b55
```
#3e5b55 rgb(62,91,85)
```
#386158
```
#386158 rgb(56,97,88)
```
#32675b
```
#32675b rgb(50,103,91)
```
#2c6d5f
```
#2c6d5f rgb(44,109,95)
```
#267362
```
#267362 rgb(38,115,98)
```
#207965
```
#207965 rgb(32,121,101)
```
#1b7e69
```
#1b7e69 rgb(27,126,105)
```
#15846c
```
#15846c rgb(21,132,108)
```
#0f8a6f
```
#0f8a6f rgb(15,138,111)
```
#099072
```
#099072 rgb(9,144,114)
```
#039676
```
#039676 rgb(3,150,118)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4e5755 Atypical Achromatopsia 0.001% of the population

Dichromacy

#65615c Protanopia 1% of men
#6a5f64 Deuteranopia 1% of men
#46676e Tritanopia 0.001% of the population

Trichromacy

#54615b Protanomaly 1% of men, 0.01% of women
#575f5f Deuteranomaly 6% of men, 0.4% of women
#416466 Tritanomaly 0.01% of the population