#376b5e hex color

In a RGB color space, hex #376b5e is composed of 21.6% red, 42% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 48.6% cyan, 0% magenta, 12.1% yellow and 58% black. It has a hue angle of 165 degrees, a saturation of 32.1% and a lightness of 31.8%. #376b5e color hex could be obtained by blending #6ed6bc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 22
- G 42
- B 37
RGB color chart
- C 49
- M 0
- Y 12
- K 58
CMYK color chart

● #376b5e color description : Very dark desaturated cyan.

The hexadecimal color #376b5e has RGB values of R:55, G:107, B:94 and CMYK values of C:0.49, M:0, Y:0.12, K:0.58. Its decimal value is 3631966.

Hex triplet	376b5e	`#376b5e`
RGB Decimal	55, 107, 94	`rgb(55,107,94)`
RGB Percent	21.6, 42, 36.9	`rgb(21.6%,42%,36.9%)`
CMYK	49, 0, 12, 58
HSL	165°, 32.1, 31.8	`hsl(165,32.1%,31.8%)`
HSV (or HSB)	165°, 48.6, 42
Web Safe	336666	`#336666`

CIE-LAB	41.43, -20.895, 1.906
XYZ	8.853, 12.135, 12.465
xyY	0.265, 0.363, 12.135
CIE-LCH	41.43, 20.982, 174.789
CIE-LUV	41.43, -23.004, 5.443
Hunter-Lab	34.836, -15.599, 3.17
Binary	00110111, 01101011, 01011110

#376b5e
```
#376b5e rgb(55,107,94)
```
#6b3744
```
#6b3744 rgb(107,55,68)
```

Complementary Color

#376b44
```
#376b44 rgb(55,107,68)
```
#376b5e
```
#376b5e rgb(55,107,94)
```
#375e6b
```
#375e6b rgb(55,94,107)
```

Analogous Color

#6b4437
```
#6b4437 rgb(107,68,55)
```
#376b5e
```
#376b5e rgb(55,107,94)
```
#6b375e
```
#6b375e rgb(107,55,94)
```

Split Complementary Color

#6b5e37
```
#6b5e37 rgb(107,94,55)
```
#376b5e
```
#376b5e rgb(55,107,94)
```
#5e376b
```
#5e376b rgb(94,55,107)
```

Triadic Color

#446b37
```
#446b37 rgb(68,107,55)
```
#376b5e
```
#376b5e rgb(55,107,94)
```
#5e376b
```
#5e376b rgb(94,55,107)
```
#6b3744
```
#6b3744 rgb(107,55,68)
```

Tetradic Color

#1d3832
```
#1d3832 rgb(29,56,50)
```
#264940
```
#264940 rgb(38,73,64)
```
#2e5a4f
```
#2e5a4f rgb(46,90,79)
```
#376b5e
```
#376b5e rgb(55,107,94)
```
#407c6d
```
#407c6d rgb(64,124,109)
```
#488d7c
```
#488d7c rgb(72,141,124)
```
#519e8a
```
#519e8a rgb(81,158,138)
```

Monochromatic Color

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

#376b51
```
#376b51 rgb(55,107,81)
```
#376b55
```
#376b55 rgb(55,107,85)
```
#376b5a
```
#376b5a rgb(55,107,90)
```
#376b5e
```
#376b5e rgb(55,107,94)
```
#376b62
```
#376b62 rgb(55,107,98)
```
#376b67
```
#376b67 rgb(55,107,103)
```
#376b6b
```
#376b6b rgb(55,107,107)
```

Similar Colors

Text with hexadecimal color #376b5e

This text has a font color of #376b5e.

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

#376b5e background color

This paragraph has a background color of #376b5e.

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

#376b5e border color

This element has a border color of #376b5e.

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

CSS codes

.text {color:#376b5e;}

.background {background-color:#376b5e;}

.border {border:1px solid #376b5e;}

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

#020303
```
#020303 rgb(2,3,3)
```
#08100e
```
#08100e rgb(8,16,14)
```
#0f1d1a
```
#0f1d1a rgb(15,29,26)
```
#162a25
```
#162a25 rgb(22,42,37)
```
#1c3730
```
#1c3730 rgb(28,55,48)
```
#23443c
```
#23443c rgb(35,68,60)
```
#2a5147
```
#2a5147 rgb(42,81,71)
```
#305e53
```
#305e53 rgb(48,94,83)
```
#376b5e
```
#376b5e rgb(55,107,94)
```
#3e7869
```
#3e7869 rgb(62,120,105)
```
#448575
```
#448575 rgb(68,133,117)
```
#4b9280
```
#4b9280 rgb(75,146,128)
```
#529f8c
```
#529f8c rgb(82,159,140)
```

Shade Color Variation

#5aaa96
```
#5aaa96 rgb(90,170,150)
```
#67b19e
```
#67b19e rgb(103,177,158)
```
#74b7a7
```
#74b7a7 rgb(116,183,167)
```
#81beaf
```
#81beaf rgb(129,190,175)
```
#8ec5b7
```
#8ec5b7 rgb(142,197,183)
```
#9bcbbf
```
#9bcbbf rgb(155,203,191)
```
#a8d2c7
```
#a8d2c7 rgb(168,210,199)
```
#b5d9d0
```
#b5d9d0 rgb(181,217,208)
```
#c2dfd8
```
#c2dfd8 rgb(194,223,216)
```
#cfe6e0
```
#cfe6e0 rgb(207,230,224)
```
#dbede8
```
#dbede8 rgb(219,237,232)
```
#e8f3f1
```
#e8f3f1 rgb(232,243,241)
```
#f5faf9
```
#f5faf9 rgb(245,250,249)
```

Tint Color Variation

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

#505252
```
#505252 rgb(80,82,82)
```
#4a5855
```
#4a5855 rgb(74,88,85)
```
#435f58
```
#435f58 rgb(67,95,88)
```
#3d655b
```
#3d655b rgb(61,101,91)
```
#376b5e
```
#376b5e rgb(55,107,94)
```
#317161
```
#317161 rgb(49,113,97)
```
#2b7764
```
#2b7764 rgb(43,119,100)
```
#247e67
```
#247e67 rgb(36,126,103)
```
#1e846a
```
#1e846a rgb(30,132,106)
```
#188a6e
```
#188a6e rgb(24,138,110)
```
#129071
```
#129071 rgb(18,144,113)
```
#0b9774
```
#0b9774 rgb(11,151,116)
```
#059d77
```
#059d77 rgb(5,157,119)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#535d5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6961 Protanopia 1% of men
#73666a Deuteranopia 1% of men
#477078 Tritanopia 0.001% of the population

Trichromacy

#596a60 Protanomaly 1% of men, 0.01% of women
#5d6865 Deuteranomaly 6% of men, 0.4% of women
#416e6e Tritanomaly 0.01% of the population

#376b5e hex color

#376b5e Color Information

#376b5e Color Conversion

Color Schemes with #376b5e

Alternatives to #376b5e

#376b5e Preview

Shades and Tints of #376b5e

Tones of #376b5e

Color Blindness Simulator