colorhexa.com

#386d66 hex color

In a RGB color space, hex #386d66 is composed of 22% red, 42.7% green and 40% blue. Whereas in a CMYK color space, it is composed of 48.6% cyan, 0% magenta, 6.4% yellow and 57.3% black. It has a hue angle of 172.1 degrees, a saturation of 32.1% and a lightness of 32.4%. #386d66 color hex could be obtained by blending #70dacc with #000000. Closest websafe color is: #336666.

- R 22
- G 43
- B 40
RGB color chart
- C 49
- M 0
- Y 6
- K 57
CMYK color chart

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

The hexadecimal color #386d66 has RGB values of R:56, G:109, B:102 and CMYK values of C:0.49, M:0, Y:0.06, K:0.57. Its decimal value is 3698022.

Hex triplet	386d66	`#386d66`
RGB Decimal	56, 109, 102	`rgb(56,109,102)`
RGB Percent	22, 42.7, 40	`rgb(22%,42.7%,40%)`
CMYK	49, 0, 6, 57
HSL	172.1°, 32.1, 32.4	`hsl(172.1,32.1%,32.4%)`
HSV (or HSB)	172.1°, 48.6, 42.7
Web Safe	336666	`#336666`

CIE-LAB	42.364, -19.551, -1.57
XYZ	9.497, 12.737, 14.528
xyY	0.258, 0.346, 12.737
CIE-LCH	42.364, 19.614, 184.592
CIE-LUV	42.364, -23.259, 0.666
Hunter-Lab	35.689, -14.954, 0.847
Binary	00111000, 01101101, 01100110

#386d66
```
#386d66 rgb(56,109,102)
```
#6d383f
```
#6d383f rgb(109,56,63)
```

Complementary Color

#386d4c
```
#386d4c rgb(56,109,76)
```
#386d66
```
#386d66 rgb(56,109,102)
```
#385a6d
```
#385a6d rgb(56,90,109)
```

Analogous Color

#6d4c38
```
#6d4c38 rgb(109,76,56)
```
#386d66
```
#386d66 rgb(56,109,102)
```
#6d385a
```
#6d385a rgb(109,56,90)
```

Split Complementary Color

#6d6638
```
#6d6638 rgb(109,102,56)
```
#386d66
```
#386d66 rgb(56,109,102)
```
#66386d
```
#66386d rgb(102,56,109)
```

Triadic Color

#3f6d38
```
#3f6d38 rgb(63,109,56)
```
#386d66
```
#386d66 rgb(56,109,102)
```
#66386d
```
#66386d rgb(102,56,109)
```
#6d383f
```
#6d383f rgb(109,56,63)
```

Tetradic Color

#1e3a37
```
#1e3a37 rgb(30,58,55)
```
#274b46
```
#274b46 rgb(39,75,70)
```
#2f5c56
```
#2f5c56 rgb(47,92,86)
```
#386d66
```
#386d66 rgb(56,109,102)
```
#417e76
```
#417e76 rgb(65,126,118)
```
#498f86
```
#498f86 rgb(73,143,134)
```
#52a095
```
#52a095 rgb(82,160,149)
```

Monochromatic Color

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

#386d59
```
#386d59 rgb(56,109,89)
```
#386d5d
```
#386d5d rgb(56,109,93)
```
#386d62
```
#386d62 rgb(56,109,98)
```
#386d66
```
#386d66 rgb(56,109,102)
```
#386d6a
```
#386d6a rgb(56,109,106)
```
#386b6d
```
#386b6d rgb(56,107,109)
```
#38676d
```
#38676d rgb(56,103,109)
```

Similar Colors

Text with hexadecimal color #386d66

This text has a font color of #386d66.

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

#386d66 background color

This paragraph has a background color of #386d66.

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

#386d66 border color

This element has a border color of #386d66.

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

CSS codes

.text {color:#386d66;}

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

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

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

#030505
```
#030505 rgb(3,5,5)
```
#091211
```
#091211 rgb(9,18,17)
```
#101f1d
```
#101f1d rgb(16,31,29)
```
#172c29
```
#172c29 rgb(23,44,41)
```
#1d3935
```
#1d3935 rgb(29,57,53)
```
#244642
```
#244642 rgb(36,70,66)
```
#2b534e
```
#2b534e rgb(43,83,78)
```
#31605a
```
#31605a rgb(49,96,90)
```
#386d66
```
#386d66 rgb(56,109,102)
```
#3f7a72
```
#3f7a72 rgb(63,122,114)
```
#45877e
```
#45877e rgb(69,135,126)
```
#4c948a
```
#4c948a rgb(76,148,138)
```
#53a197
```
#53a197 rgb(83,161,151)
```

Shade Color Variation

#5caba1
```
#5caba1 rgb(92,171,161)
```
#69b2a8
```
#69b2a8 rgb(105,178,168)
```
#76b9b0
```
#76b9b0 rgb(118,185,176)
```
#83bfb7
```
#83bfb7 rgb(131,191,183)
```
#90c6bf
```
#90c6bf rgb(144,198,191)
```
#9dccc6
```
#9dccc6 rgb(157,204,198)
```
#aad3ce
```
#aad3ce rgb(170,211,206)
```
#b7dad5
```
#b7dad5 rgb(183,218,213)
```
#c4e0dd
```
#c4e0dd rgb(196,224,221)
```
#d1e7e4
```
#d1e7e4 rgb(209,231,228)
```
#ddeeec
```
#ddeeec rgb(221,238,236)
```
#eaf4f3
```
#eaf4f3 rgb(234,244,243)
```
#f7fbfb
```
#f7fbfb rgb(247,251,251)
```

Tint Color Variation

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

#515453
```
#515453 rgb(81,84,83)
```
#4b5a58
```
#4b5a58 rgb(75,90,88)
```
#45605d
```
#45605d rgb(69,96,93)
```
#3e6761
```
#3e6761 rgb(62,103,97)
```
#386d66
```
#386d66 rgb(56,109,102)
```
#32736b
```
#32736b rgb(50,115,107)
```
#2b7a6f
```
#2b7a6f rgb(43,122,111)
```
#258074
```
#258074 rgb(37,128,116)
```
#1f8679
```
#1f8679 rgb(31,134,121)
```
#188d7d
```
#188d7d rgb(24,141,125)
```
#129382
```
#129382 rgb(18,147,130)
```
#0c9987
```
#0c9987 rgb(12,153,135)
```
#05a08b
```
#05a08b rgb(5,160,139)
```

Tone Color Variation

Below, you can see how #386d66 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
#555f5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e6b69 Protanopia 1% of men
#736971 Deuteranopia 1% of men
#47727a Tritanopia 0.001% of the population

Trichromacy

#5a6c68 Protanomaly 1% of men, 0.01% of women
#5d6a6d Deuteranomaly 6% of men, 0.4% of women
#417073 Tritanomaly 0.01% of the population