#386f77 hex color

In a RGB color space, hex #386f77 is composed of 22% red, 43.5% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 6.7% magenta, 0% yellow and 53.3% black. It has a hue angle of 187.6 degrees, a saturation of 36% and a lightness of 34.3%. #386f77 color hex could be obtained by blending #70deee with #000000. Closest websafe color is: #336666.

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

● #386f77 color description : Dark moderate cyan.

The hexadecimal color #386f77 has RGB values of R:56, G:111, B:119 and CMYK values of C:0.53, M:0.07, Y:0, K:0.53. Its decimal value is 3698551.

Hex triplet	386f77	`#386f77`
RGB Decimal	56, 111, 119	`rgb(56,111,119)`
RGB Percent	22, 43.5, 46.7	`rgb(22%,43.5%,46.7%)`
CMYK	53, 7, 0, 53
HSL	187.6°, 36, 34.3	`hsl(187.6,36%,34.3%)`
HSV (or HSB)	187.6°, 52.9, 46.7
Web Safe	336666	`#336666`

CIE-LAB	43.567, -15.749, -10.041
XYZ	10.644, 13.541, 19.504
xyY	0.244, 0.31, 13.541
CIE-LCH	43.567, 18.677, 212.52
CIE-LUV	43.567, -23.483, -11.746
Hunter-Lab	36.798, -12.763, -5.668
Binary	00111000, 01101111, 01110111

#386f77
```
#386f77 rgb(56,111,119)
```
#774038
```
#774038 rgb(119,64,56)
```

Complementary Color

#387760
```
#387760 rgb(56,119,96)
```
#386f77
```
#386f77 rgb(56,111,119)
```
#385077
```
#385077 rgb(56,80,119)
```

Analogous Color

#776038
```
#776038 rgb(119,96,56)
```
#386f77
```
#386f77 rgb(56,111,119)
```
#773850
```
#773850 rgb(119,56,80)
```

Split Complementary Color

#6f7738
```
#6f7738 rgb(111,119,56)
```
#386f77
```
#386f77 rgb(56,111,119)
```
#77386f
```
#77386f rgb(119,56,111)
```

Triadic Color

#387740
```
#387740 rgb(56,119,64)
```
#386f77
```
#386f77 rgb(56,111,119)
```
#77386f
```
#77386f rgb(119,56,111)
```
#774038
```
#774038 rgb(119,64,56)
```

Tetradic Color

#203e43
```
#203e43 rgb(32,62,67)
```
#284f54
```
#284f54 rgb(40,79,84)
```
#305f66
```
#305f66 rgb(48,95,102)
```
#386f77
```
#386f77 rgb(56,111,119)
```
#407f88
```
#407f88 rgb(64,127,136)
```
#488f9a
```
#488f9a rgb(72,143,154)
```
#50a0ab
```
#50a0ab rgb(80,160,171)
```

Monochromatic Color

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

#38776f
```
#38776f rgb(56,119,111)
```
#387775
```
#387775 rgb(56,119,117)
```
#387477
```
#387477 rgb(56,116,119)
```
#386f77
```
#386f77 rgb(56,111,119)
```
#386a77
```
#386a77 rgb(56,106,119)
```
#386577
```
#386577 rgb(56,101,119)
```
#385f77
```
#385f77 rgb(56,95,119)
```

Similar Colors

Text with hexadecimal color #386f77

This text has a font color of #386f77.

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

#386f77 background color

This paragraph has a background color of #386f77.

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

#386f77 border color

This element has a border color of #386f77.

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

CSS codes

.text {color:#386f77;}

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

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

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

#060b0c
```
#060b0c rgb(6,11,12)
```
#0c181a
```
#0c181a rgb(12,24,26)
```
#122427
```
#122427 rgb(18,36,39)
```
#193134
```
#193134 rgb(25,49,52)
```
#1f3d42
```
#1f3d42 rgb(31,61,66)
```
#254a4f
```
#254a4f rgb(37,74,79)
```
#2b565c
```
#2b565c rgb(43,86,92)
```
#32636a
```
#32636a rgb(50,99,106)
```
#386f77
```
#386f77 rgb(56,111,119)
```
#3e7b84
```
#3e7b84 rgb(62,123,132)
```
#458892
```
#458892 rgb(69,136,146)
```
#4b949f
```
#4b949f rgb(75,148,159)
```
#51a1ac
```
#51a1ac rgb(81,161,172)
```

Shade Color Variation

#5ea8b3
```
#5ea8b3 rgb(94,168,179)
```
#6bb0b9
```
#6bb0b9 rgb(107,176,185)
```
#79b7c0
```
#79b7c0 rgb(121,183,192)
```
#86bec6
```
#86bec6 rgb(134,190,198)
```
#93c5cc
```
#93c5cc rgb(147,197,204)
```
#a1ccd3
```
#a1ccd3 rgb(161,204,211)
```
#aed3d9
```
#aed3d9 rgb(174,211,217)
```
#bbdbdf
```
#bbdbdf rgb(187,219,223)
```
#c9e2e5
```
#c9e2e5 rgb(201,226,229)
```
#d6e9ec
```
#d6e9ec rgb(214,233,236)
```
#e3f0f2
```
#e3f0f2 rgb(227,240,242)
```
#f1f7f8
```
#f1f7f8 rgb(241,247,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #535b5c is the less saturated color, while #0297ad is the most saturated one.

#535b5c
```
#535b5c rgb(83,91,92)
```
#4c6063
```
#4c6063 rgb(76,96,99)
```
#45656a
```
#45656a rgb(69,101,106)
```
#3f6a70
```
#3f6a70 rgb(63,106,112)
```
#386f77
```
#386f77 rgb(56,111,119)
```
#31747e
```
#31747e rgb(49,116,126)
```
#2b7984
```
#2b7984 rgb(43,121,132)
```
#247e8b
```
#247e8b rgb(36,126,139)
```
#1d8392
```
#1d8392 rgb(29,131,146)
```
#168899
```
#168899 rgb(22,136,153)
```
#108d9f
```
#108d9f rgb(16,141,159)
```
#0992a6
```
#0992a6 rgb(9,146,166)
```
#0297ad
```
#0297ad rgb(2,151,173)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#576264 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6e79 Protanopia 1% of men
#6f6c81 Deuteranopia 1% of men
#42767e Tritanopia 0.001% of the population

Trichromacy

#5a6e78 Protanomaly 1% of men, 0.01% of women
#5b6d7d Deuteranomaly 6% of men, 0.4% of women
#3e737c Tritanomaly 0.01% of the population

#386f77 hex color

#386f77 Color Information

#386f77 Color Conversion

Color Schemes with #386f77

Alternatives to #386f77

#386f77 Preview

Shades and Tints of #386f77

Tones of #386f77

Color Blindness Simulator