colorhexa.com

#386c77 hex color

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

- R 22
- G 42
- B 47
RGB color chart
- C 53
- M 9
- Y 0
- K 53
CMYK color chart

● #386c77 color description : Dark moderate cyan.

The hexadecimal color #386c77 has RGB values of R:56, G:108, B:119 and CMYK values of C:0.53, M:0.09, Y:0, K:0.53. Its decimal value is 3697783.

Hex triplet	386c77	`#386c77`
RGB Decimal	56, 108, 119	`rgb(56,108,119)`
RGB Percent	22, 42.4, 46.7	`rgb(22%,42.4%,46.7%)`
CMYK	53, 9, 0, 53
HSL	190.5°, 36, 34.3	`hsl(190.5,36%,34.3%)`
HSV (or HSB)	190.5°, 52.9, 46.7
Web Safe	336666	`#336666`

CIE-LAB	42.608, -14.068, -11.488
XYZ	10.322, 12.897, 19.397
xyY	0.242, 0.303, 12.897
CIE-LCH	42.608, 18.162, 219.235
CIE-LUV	42.608, -22.283, -13.989
Hunter-Lab	35.913, -11.541, -6.885
Binary	00111000, 01101100, 01110111

#386c77
```
#386c77 rgb(56,108,119)
```
#774338
```
#774338 rgb(119,67,56)
```

Complementary Color

#387763
```
#387763 rgb(56,119,99)
```
#386c77
```
#386c77 rgb(56,108,119)
```
#384d77
```
#384d77 rgb(56,77,119)
```

Analogous Color

#776338
```
#776338 rgb(119,99,56)
```
#386c77
```
#386c77 rgb(56,108,119)
```
#77384d
```
#77384d rgb(119,56,77)
```

Split Complementary Color

#6c7738
```
#6c7738 rgb(108,119,56)
```
#386c77
```
#386c77 rgb(56,108,119)
```
#77386c
```
#77386c rgb(119,56,108)
```

Triadic Color

#387743
```
#387743 rgb(56,119,67)
```
#386c77
```
#386c77 rgb(56,108,119)
```
#77386c
```
#77386c rgb(119,56,108)
```
#774338
```
#774338 rgb(119,67,56)
```

Tetradic Color

#203d43
```
#203d43 rgb(32,61,67)
```
#284d54
```
#284d54 rgb(40,77,84)
```
#305c66
```
#305c66 rgb(48,92,102)
```
#386c77
```
#386c77 rgb(56,108,119)
```
#407c88
```
#407c88 rgb(64,124,136)
```
#488b9a
```
#488b9a rgb(72,139,154)
```
#509bab
```
#509bab rgb(80,155,171)
```

Monochromatic Color

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

#387772
```
#387772 rgb(56,119,114)
```
#387777
```
#387777 rgb(56,119,119)
```
#387177
```
#387177 rgb(56,113,119)
```
#386c77
```
#386c77 rgb(56,108,119)
```
#386777
```
#386777 rgb(56,103,119)
```
#386277
```
#386277 rgb(56,98,119)
```
#385c77
```
#385c77 rgb(56,92,119)
```

Similar Colors

Text with hexadecimal color #386c77

This text has a font color of #386c77.

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

#386c77 background color

This paragraph has a background color of #386c77.

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

#386c77 border color

This element has a border color of #386c77.

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

CSS codes

.text {color:#386c77;}

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

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

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)
```
#0c171a
```
#0c171a rgb(12,23,26)
```
#122327
```
#122327 rgb(18,35,39)
```
#192f34
```
#192f34 rgb(25,47,52)
```
#1f3c42
```
#1f3c42 rgb(31,60,66)
```
#25484f
```
#25484f rgb(37,72,79)
```
#2b545c
```
#2b545c rgb(43,84,92)
```
#32606a
```
#32606a rgb(50,96,106)
```
#386c77
```
#386c77 rgb(56,108,119)
```
#3e7884
```
#3e7884 rgb(62,120,132)
```
#458492
```
#458492 rgb(69,132,146)
```
#4b909f
```
#4b909f rgb(75,144,159)
```
#519cac
```
#519cac rgb(81,156,172)
```

Shade Color Variation

#5ea4b3
```
#5ea4b3 rgb(94,164,179)
```
#6bacb9
```
#6bacb9 rgb(107,172,185)
```
#79b3c0
```
#79b3c0 rgb(121,179,192)
```
#86bbc6
```
#86bbc6 rgb(134,187,198)
```
#93c2cc
```
#93c2cc rgb(147,194,204)
```
#a1cad3
```
#a1cad3 rgb(161,202,211)
```
#aed1d9
```
#aed1d9 rgb(174,209,217)
```
#bbd9df
```
#bbd9df rgb(187,217,223)
```
#c9e0e5
```
#c9e0e5 rgb(201,224,229)
```
#d6e8ec
```
#d6e8ec rgb(214,232,236)
```
#e3eff2
```
#e3eff2 rgb(227,239,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, #535a5c is the less saturated color, while #028fad is the most saturated one.

#535a5c
```
#535a5c rgb(83,90,92)
```
#4c5f63
```
#4c5f63 rgb(76,95,99)
```
#45636a
```
#45636a rgb(69,99,106)
```
#3f6870
```
#3f6870 rgb(63,104,112)
```
#386c77
```
#386c77 rgb(56,108,119)
```
#31707e
```
#31707e rgb(49,112,126)
```
#2b7584
```
#2b7584 rgb(43,117,132)
```
#24798b
```
#24798b rgb(36,121,139)
```
#1d7e92
```
#1d7e92 rgb(29,126,146)
```
#168299
```
#168299 rgb(22,130,153)
```
#10869f
```
#10869f rgb(16,134,159)
```
#098ba6
```
#098ba6 rgb(9,139,166)
```
#028fad
```
#028fad rgb(2,143,173)
```

Tone Color Variation

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

Dichromacy

#6a6b79 Protanopia 1% of men
#6b6a81 Deuteranopia 1% of men
#41737c Tritanopia 0.001% of the population

Trichromacy

#586b78 Protanomaly 1% of men, 0.01% of women
#586b7d Deuteranomaly 6% of men, 0.4% of women
#3e717a Tritanomaly 0.01% of the population