#386666 hex color

In a RGB color space, hex #386666 is composed of 22% red, 40% green and 40% blue. Whereas in a CMYK color space, it is composed of 45.1% cyan, 0% magenta, 0% yellow and 60% black. It has a hue angle of 180 degrees, a saturation of 29.1% and a lightness of 31%. #386666 color hex could be obtained by blending #70cccc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 22
- G 40
- B 40
RGB color chart
- C 45
- M 0
- Y 0
- K 60
CMYK color chart

● #386666 color description : Very dark desaturated cyan.

The hexadecimal color #386666 has RGB values of R:56, G:102, B:102 and CMYK values of C:0.45, M:0, Y:0, K:0.6. Its decimal value is 3696230.

Hex triplet	386666	`#386666`
RGB Decimal	56, 102, 102	`rgb(56,102,102)`
RGB Percent	22, 40, 40	`rgb(22%,40%,40%)`
CMYK	45, 0, 0, 60
HSL	180°, 29.1, 31	`hsl(180,29.1%,31%)`
HSV (or HSB)	180°, 45.1, 40
Web Safe	336666	`#336666`

CIE-LAB	40.085, -15.722, -4.936
XYZ	8.78, 11.302, 14.289
xyY	0.255, 0.329, 11.302
CIE-LCH	40.085, 16.479, 197.429
CIE-LUV	40.085, -20.353, -4.396
Hunter-Lab	33.619, -12.216, -1.666
Binary	00111000, 01100110, 01100110

#386666
```
#386666 rgb(56,102,102)
```
#663838
```
#663838 rgb(102,56,56)
```

Complementary Color

#38664f
```
#38664f rgb(56,102,79)
```
#386666
```
#386666 rgb(56,102,102)
```
#384f66
```
#384f66 rgb(56,79,102)
```

Analogous Color

#664f38
```
#664f38 rgb(102,79,56)
```
#386666
```
#386666 rgb(56,102,102)
```
#66384f
```
#66384f rgb(102,56,79)
```

Split Complementary Color

#666638
```
#666638 rgb(102,102,56)
```
#386666
```
#386666 rgb(56,102,102)
```
#663866
```
#663866 rgb(102,56,102)
```

Triadic Color

#386638
```
#386638 rgb(56,102,56)
```
#386666
```
#386666 rgb(56,102,102)
```
#663866
```
#663866 rgb(102,56,102)
```
#663838
```
#663838 rgb(102,56,56)
```

Tetradic Color

#1d3535
```
#1d3535 rgb(29,53,53)
```
#264545
```
#264545 rgb(38,69,69)
```
#2f5656
```
#2f5656 rgb(47,86,86)
```
#386666
```
#386666 rgb(56,102,102)
```
#417676
```
#417676 rgb(65,118,118)
```
#4a8787
```
#4a8787 rgb(74,135,135)
```
#539797
```
#539797 rgb(83,151,151)
```

Monochromatic Color

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

#38665b
```
#38665b rgb(56,102,91)
```
#38665e
```
#38665e rgb(56,102,94)
```
#386662
```
#386662 rgb(56,102,98)
```
#386666
```
#386666 rgb(56,102,102)
```
#386266
```
#386266 rgb(56,98,102)
```
#385e66
```
#385e66 rgb(56,94,102)
```
#385b66
```
#385b66 rgb(56,91,102)
```

Similar Colors

Text with hexadecimal color #386666

This text has a font color of #386666.

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

#386666 background color

This paragraph has a background color of #386666.

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

#386666 border color

This element has a border color of #386666.

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

CSS codes

.text {color:#386666;}

.background {background-color:#386666;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#070d0d
```
#070d0d rgb(7,13,13)
```
#0e1a1a
```
#0e1a1a rgb(14,26,26)
```
#152727
```
#152727 rgb(21,39,39)
```
#1c3333
```
#1c3333 rgb(28,51,51)
```
#234040
```
#234040 rgb(35,64,64)
```
#2a4d4d
```
#2a4d4d rgb(42,77,77)
```
#315959
```
#315959 rgb(49,89,89)
```
#386666
```
#386666 rgb(56,102,102)
```
#3f7373
```
#3f7373 rgb(63,115,115)
```
#467f7f
```
#467f7f rgb(70,127,127)
```
#4d8c8c
```
#4d8c8c rgb(77,140,140)
```
#549999
```
#549999 rgb(84,153,153)
```

Shade Color Variation

#5ba5a5
```
#5ba5a5 rgb(91,165,165)
```
#68acac
```
#68acac rgb(104,172,172)
```
#74b3b3
```
#74b3b3 rgb(116,179,179)
```
#81baba
```
#81baba rgb(129,186,186)
```
#8ec1c1
```
#8ec1c1 rgb(142,193,193)
```
#9ac8c8
```
#9ac8c8 rgb(154,200,200)
```
#a7cfcf
```
#a7cfcf rgb(167,207,207)
```
#b4d6d6
```
#b4d6d6 rgb(180,214,214)
```
#c0dddd
```
#c0dddd rgb(192,221,221)
```
#cde4e4
```
#cde4e4 rgb(205,228,228)
```
#daebeb
```
#daebeb rgb(218,235,235)
```
#e6f1f1
```
#e6f1f1 rgb(230,241,241)
```
#f3f8f8
```
#f3f8f8 rgb(243,248,248)
```

Tint Color Variation

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

#4a5454
```
#4a5454 rgb(74,84,84)
```
#445a5a
```
#445a5a rgb(68,90,90)
```
#3e6060
```
#3e6060 rgb(62,96,96)
```
#386666
```
#386666 rgb(56,102,102)
```
#326c6c
```
#326c6c rgb(50,108,108)
```
#2c7272
```
#2c7272 rgb(44,114,114)
```
#267878
```
#267878 rgb(38,120,120)
```
#207e7e
```
#207e7e rgb(32,126,126)
```
#1a8484
```
#1a8484 rgb(26,132,132)
```
#148a8a
```
#148a8a rgb(20,138,138)
```
#0d9191
```
#0d9191 rgb(13,145,145)
```
#079797
```
#079797 rgb(7,151,151)
```
#019d9d
```
#019d9d rgb(1,157,157)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#525b5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#676669 Protanopia 1% of men
#6b6471 Deuteranopia 1% of men
#446c74 Tritanopia 0.001% of the population

Trichromacy

#566668 Protanomaly 1% of men, 0.01% of women
#58646d Deuteranomaly 6% of men, 0.4% of women
#406a6f Tritanomaly 0.01% of the population

#386666 hex color

#386666 Color Information

#386666 Color Conversion

Color Schemes with #386666

Alternatives to #386666

#386666 Preview

Shades and Tints of #386666

Tones of #386666

Color Blindness Simulator