#386f67 hex color

In a RGB color space, hex #386f67 is composed of 22% red, 43.5% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 49.5% cyan, 0% magenta, 7.2% yellow and 56.5% black. It has a hue angle of 171.3 degrees, a saturation of 32.9% and a lightness of 32.7%. #386f67 color hex could be obtained by blending #70dece with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 22
- G 44
- B 40
RGB color chart
- C 50
- M 0
- Y 7
- K 56
CMYK color chart

● #386f67 color description : Very dark desaturated cyan.

The hexadecimal color #386f67 has RGB values of R:56, G:111, B:103 and CMYK values of C:0.5, M:0, Y:0.07, K:0.56. Its decimal value is 3698535.

Hex triplet	386f67	`#386f67`
RGB Decimal	56, 111, 103	`rgb(56,111,103)`
RGB Percent	22, 43.5, 40.4	`rgb(22%,43.5%,40.4%)`
CMYK	50, 0, 7, 56
HSL	171.3°, 32.9, 32.7	`hsl(171.3,32.9%,32.7%)`
HSV (or HSB)	171.3°, 49.5, 43.5
Web Safe	336666	`#336666`

CIE-LAB	43.046, -20.345, -1.174
XYZ	9.763, 13.188, 14.862
xyY	0.258, 0.349, 13.188
CIE-LCH	43.046, 20.379, 183.303
CIE-LUV	43.046, -24.052, 1.314
Hunter-Lab	36.316, -15.566, 1.156
Binary	00111000, 01101111, 01100111

#386f67
```
#386f67 rgb(56,111,103)
```
#6f3840
```
#6f3840 rgb(111,56,64)
```

Complementary Color

#386f4c
```
#386f4c rgb(56,111,76)
```
#386f67
```
#386f67 rgb(56,111,103)
```
#385b6f
```
#385b6f rgb(56,91,111)
```

Analogous Color

#6f4c38
```
#6f4c38 rgb(111,76,56)
```
#386f67
```
#386f67 rgb(56,111,103)
```
#6f385b
```
#6f385b rgb(111,56,91)
```

Split Complementary Color

#6f6738
```
#6f6738 rgb(111,103,56)
```
#386f67
```
#386f67 rgb(56,111,103)
```
#67386f
```
#67386f rgb(103,56,111)
```

Triadic Color

#406f38
```
#406f38 rgb(64,111,56)
```
#386f67
```
#386f67 rgb(56,111,103)
```
#67386f
```
#67386f rgb(103,56,111)
```
#6f3840
```
#6f3840 rgb(111,56,64)
```

Tetradic Color

#1e3c38
```
#1e3c38 rgb(30,60,56)
```
#274d48
```
#274d48 rgb(39,77,72)
```
#2f5e57
```
#2f5e57 rgb(47,94,87)
```
#386f67
```
#386f67 rgb(56,111,103)
```
#418077
```
#418077 rgb(65,128,119)
```
#499186
```
#499186 rgb(73,145,134)
```
#52a296
```
#52a296 rgb(82,162,150)
```

Monochromatic Color

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

#386f59
```
#386f59 rgb(56,111,89)
```
#386f5e
```
#386f5e rgb(56,111,94)
```
#386f62
```
#386f62 rgb(56,111,98)
```
#386f67
```
#386f67 rgb(56,111,103)
```
#386f6c
```
#386f6c rgb(56,111,108)
```
#386e6f
```
#386e6f rgb(56,110,111)
```
#38696f
```
#38696f rgb(56,105,111)
```

Similar Colors

Text with hexadecimal color #386f67

This text has a font color of #386f67.

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

#386f67 background color

This paragraph has a background color of #386f67.

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

#386f67 border color

This element has a border color of #386f67.

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

CSS codes

.text {color:#386f67;}

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

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

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

#030706
```
#030706 rgb(3,7,6)
```
#0a1412
```
#0a1412 rgb(10,20,18)
```
#11211e
```
#11211e rgb(17,33,30)
```
#172e2b
```
#172e2b rgb(23,46,43)
```
#1e3b37
```
#1e3b37 rgb(30,59,55)
```
#244843
```
#244843 rgb(36,72,67)
```
#2b554f
```
#2b554f rgb(43,85,79)
```
#31625b
```
#31625b rgb(49,98,91)
```
#386f67
```
#386f67 rgb(56,111,103)
```
#3f7c73
```
#3f7c73 rgb(63,124,115)
```
#45897f
```
#45897f rgb(69,137,127)
```
#4c968b
```
#4c968b rgb(76,150,139)
```
#52a397
```
#52a397 rgb(82,163,151)
```

Shade Color Variation

#5cada1
```
#5cada1 rgb(92,173,161)
```
#69b3a9
```
#69b3a9 rgb(105,179,169)
```
#76bab0
```
#76bab0 rgb(118,186,176)
```
#83c1b8
```
#83c1b8 rgb(131,193,184)
```
#90c7bf
```
#90c7bf rgb(144,199,191)
```
#9dcec7
```
#9dcec7 rgb(157,206,199)
```
#aad4ce
```
#aad4ce rgb(170,212,206)
```
#b7dbd6
```
#b7dbd6 rgb(183,219,214)
```
#c5e1dd
```
#c5e1dd rgb(197,225,221)
```
#d2e8e5
```
#d2e8e5 rgb(210,232,229)
```
#dfefec
```
#dfefec rgb(223,239,236)
```
#ecf5f4
```
#ecf5f4 rgb(236,245,244)
```
#f9fcfb
```
#f9fcfb rgb(249,252,251)
```

Tint Color Variation

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

#525555
```
#525555 rgb(82,85,85)
```
#4b5c59
```
#4b5c59 rgb(75,92,89)
```
#45625e
```
#45625e rgb(69,98,94)
```
#3e6962
```
#3e6962 rgb(62,105,98)
```
#386f67
```
#386f67 rgb(56,111,103)
```
#32756c
```
#32756c rgb(50,117,108)
```
#2b7c70
```
#2b7c70 rgb(43,124,112)
```
#258275
```
#258275 rgb(37,130,117)
```
#1e8979
```
#1e8979 rgb(30,137,121)
```
#188f7e
```
#188f7e rgb(24,143,126)
```
#119682
```
#119682 rgb(17,150,130)
```
#0b9c87
```
#0b9c87 rgb(11,156,135)
```
#05a28b
```
#05a28b rgb(5,162,139)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#566160 Atypical Achromatopsia 0.001% of the population

Dichromacy

#706d6a Protanopia 1% of men
#756a73 Deuteranopia 1% of men
#47747c Tritanopia 0.001% of the population

Trichromacy

#5b6d68 Protanomaly 1% of men, 0.01% of women
#5e6c6e Deuteranomaly 6% of men, 0.4% of women
#417274 Tritanomaly 0.01% of the population

#386f67 hex color

#386f67 Color Information

#386f67 Color Conversion

Color Schemes with #386f67

Alternatives to #386f67

#386f67 Preview

Shades and Tints of #386f67

Tones of #386f67

Color Blindness Simulator