#386a6f hex color

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

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

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

The hexadecimal color #386a6f has RGB values of R:56, G:106, B:111 and CMYK values of C:0.5, M:0.05, Y:0, K:0.56. Its decimal value is 3697263.

Hex triplet	386a6f	`#386a6f`
RGB Decimal	56, 106, 111	`rgb(56,106,111)`
RGB Percent	22, 41.6, 43.5	`rgb(22%,41.6%,43.5%)`
CMYK	50, 5, 0, 56
HSL	185.5°, 32.9, 32.7	`hsl(185.5,32.9%,32.7%)`
HSV (or HSB)	185.5°, 49.5, 43.5
Web Safe	336666	`#336666`

CIE-LAB	41.683, -15.349, -8.036
XYZ	9.653, 12.296, 16.903
xyY	0.248, 0.316, 12.296
CIE-LCH	41.683, 17.325, 207.634
CIE-LUV	41.683, -21.732, -8.822
Hunter-Lab	35.066, -12.224, -4.034
Binary	00111000, 01101010, 01101111

#386a6f
```
#386a6f rgb(56,106,111)
```
#6f3d38
```
#6f3d38 rgb(111,61,56)
```

Complementary Color

#386f59
```
#386f59 rgb(56,111,89)
```
#386a6f
```
#386a6f rgb(56,106,111)
```
#384f6f
```
#384f6f rgb(56,79,111)
```

Analogous Color

#6f5838
```
#6f5838 rgb(111,88,56)
```
#386a6f
```
#386a6f rgb(56,106,111)
```
#6f384f
```
#6f384f rgb(111,56,79)
```

Split Complementary Color

#6a6f38
```
#6a6f38 rgb(106,111,56)
```
#386a6f
```
#386a6f rgb(56,106,111)
```
#6f386a
```
#6f386a rgb(111,56,106)
```

Triadic Color

#386f3d
```
#386f3d rgb(56,111,61)
```
#386a6f
```
#386a6f rgb(56,106,111)
```
#6f386a
```
#6f386a rgb(111,56,106)
```
#6f3d38
```
#6f3d38 rgb(111,61,56)
```

Tetradic Color

#1e393c
```
#1e393c rgb(30,57,60)
```
#274a4d
```
#274a4d rgb(39,74,77)
```
#2f5a5e
```
#2f5a5e rgb(47,90,94)
```
#386a6f
```
#386a6f rgb(56,106,111)
```
#417a80
```
#417a80 rgb(65,122,128)
```
#498a91
```
#498a91 rgb(73,138,145)
```
#529ba2
```
#529ba2 rgb(82,155,162)
```

Monochromatic Color

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

#386f66
```
#386f66 rgb(56,111,102)
```
#386f6b
```
#386f6b rgb(56,111,107)
```
#386f6f
```
#386f6f rgb(56,111,111)
```
#386a6f
```
#386a6f rgb(56,106,111)
```
#38656f
```
#38656f rgb(56,101,111)
```
#38616f
```
#38616f rgb(56,97,111)
```
#385c6f
```
#385c6f rgb(56,92,111)
```

Similar Colors

Text with hexadecimal color #386a6f

This text has a font color of #386a6f.

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

#386a6f background color

This paragraph has a background color of #386a6f.

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

#386a6f border color

This element has a border color of #386a6f.

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

CSS codes

.text {color:#386a6f;}

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

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

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

#030607
```
#030607 rgb(3,6,7)
```
#0a1314
```
#0a1314 rgb(10,19,20)
```
#111f21
```
#111f21 rgb(17,31,33)
```
#172c2e
```
#172c2e rgb(23,44,46)
```
#1e383b
```
#1e383b rgb(30,56,59)
```
#244548
```
#244548 rgb(36,69,72)
```
#2b5155
```
#2b5155 rgb(43,81,85)
```
#315e62
```
#315e62 rgb(49,94,98)
```
#386a6f
```
#386a6f rgb(56,106,111)
```
#3f767c
```
#3f767c rgb(63,118,124)
```
#458389
```
#458389 rgb(69,131,137)
```
#4c8f96
```
#4c8f96 rgb(76,143,150)
```
#529ca3
```
#529ca3 rgb(82,156,163)
```

Shade Color Variation

#5ca6ad
```
#5ca6ad rgb(92,166,173)
```
#69adb3
```
#69adb3 rgb(105,173,179)
```
#76b4ba
```
#76b4ba rgb(118,180,186)
```
#83bbc1
```
#83bbc1 rgb(131,187,193)
```
#90c2c7
```
#90c2c7 rgb(144,194,199)
```
#9dc9ce
```
#9dc9ce rgb(157,201,206)
```
#aad1d4
```
#aad1d4 rgb(170,209,212)
```
#b7d8db
```
#b7d8db rgb(183,216,219)
```
#c5dfe1
```
#c5dfe1 rgb(197,223,225)
```
#d2e6e8
```
#d2e6e8 rgb(210,230,232)
```
#dfedef
```
#dfedef rgb(223,237,239)
```
#ecf4f5
```
#ecf4f5 rgb(236,244,245)
```
#f9fcfc
```
#f9fcfc rgb(249,252,252)
```

Tint Color Variation

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

#525555
```
#525555 rgb(82,85,85)
```
#4b5a5c
```
#4b5a5c rgb(75,90,92)
```
#455f62
```
#455f62 rgb(69,95,98)
```
#3e6569
```
#3e6569 rgb(62,101,105)
```
#386a6f
```
#386a6f rgb(56,106,111)
```
#326f75
```
#326f75 rgb(50,111,117)
```
#2b757c
```
#2b757c rgb(43,117,124)
```
#257a82
```
#257a82 rgb(37,122,130)
```
#1e7f89
```
#1e7f89 rgb(30,127,137)
```
#18848f
```
#18848f rgb(24,132,143)
```
#118a96
```
#118a96 rgb(17,138,150)
```
#0b8f9c
```
#0b8f9c rgb(11,143,156)
```
#0594a2
```
#0594a2 rgb(5,148,162)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#555f60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#696971 Protanopia 1% of men
#6c6879 Deuteranopia 1% of men
#437179 Tritanopia 0.001% of the population

Trichromacy

#576970 Protanomaly 1% of men, 0.01% of women
#596875 Deuteranomaly 6% of men, 0.4% of women
#3f6e75 Tritanomaly 0.01% of the population

#386a6f hex color

#386a6f Color Information

#386a6f Color Conversion

Color Schemes with #386a6f

Alternatives to #386a6f

#386a6f Preview

Shades and Tints of #386a6f

Tones of #386a6f

Color Blindness Simulator